Manipulating Arrays!

Manipulate Arrays With push()

For this part we will learn An easy way to add data to the end of an array via the push() function.

.push() takes one or more parameters and "pushes" them onto the end of the array.

• For Example:

var myArray = [["Alan", 25], ["Randy", 23]];

myArray.push(["Diego", 30]);

myArray now has the value [["Alan", 25], ["Randy", 23], ["Diego", 30]]

Manipulate Arrays With pop()

Another way to change the data in an array is with the .pop() function.

the .pop() is used to take a value off of the end of an array. We can also store this popped off value by assigning it to a variable. In other words, .pop() removes the last element from an array and returns that element.

• Example:

var myArray = [["Alan", 25], ["Randy", 23], ["Diego", 30]];

var removedFromMyArray = myArray.pop()

console.log(removedFromMyArray); // will display ["Diego", 30]   
console.log(myArray); // will display [["Alan", 25], ["Randy", 23]]

Manipulate Arrays With shift()

pop() always removes the last element of an array...but What if you want to remove the first?

the .shift() removes the first element instead of the last.

• Example:

var myArray = [["Alan", 25], ["Randy", 23], ["Diego", 30]];

var removedFromMyArray = myArray.shift();

console.log(removedFromMyArray); // will display ["Alan", 25]
console.log(myArray); // will display [["Randy", 23], ["Diego", 30]]

Manipulate Arrays With unshift()

you can also unshift elements to the beginning of an array i.e. add elements in front of the array.

the .unshift() works exactly like .push(), but instead of adding the element at the end of the array, unshift() adds the element at the beginning of the array.

• For Example:

var myArray = [["Alan", 25], ["Randy", 23], ["Diego", 30]];
myArray.shift();
myArray.unshift(["Johnny", 34]);

After the shift, myArray would have the value

[["Randy", 23], ["Diego", 30]]

After the unshift, myArray would have the value

[["Johnny", 34],  ["Randy", 23], ["Diego", 30]]