JavaScript Arrays

Complete array reference: creation, manipulation, methods and iteration.

Array Creation

var dogs = ["Bulldog", "Beagle", "Labrador"];
var dogs = new Array("Bulldog", "Beagle", "Labrador");

alert(dogs[1]);             # access value at index
dogs[0] = "Bull Terrier";    # change the first item

for (var i = 0; i < dogs.length; i++) {     # parsing array
    console.log(dogs[i]);
}

Array Methods

dogs.toString();                        # convert to string
dogs.join(" * ");                       # join: "Bulldog * Beagle * Labrador"
dogs.pop();                             # remove last element
dogs.push("Chihuahua");                 # add new element to the end
dogs[dogs.length] = "Chihuahua";        # the same as push
dogs.shift();                           # remove first element
dogs.unshift("Chihuahua");              # add new element to the beginning
delete dogs[0];                         # change element to undefined
dogs.splice(2, 0, "Pug", "Boxer");      # add elements (pos, how many to remove, list)
var animals = dogs.concat(cats,birds);  # join two arrays
dogs.slice(1,4);                        # elements from [1] to [4-1]
dogs.sort();                            # sort string alphabetically
dogs.reverse();                         # sort string in descending order
x.sort(function(a, b){return a - b});   # numeric sort
x.sort(function(a, b){return b - a});   # numeric descending sort

Array Methods List

concat, copyWithin, every, fill, filter, find, findIndex,
forEach, indexOf, isArray, join, lastIndexOf, map, pop,
push, reduce, reduceRight, reverse, shift, slice, some,
sort, splice, toString, unshift, valueOf