5 array methods in JavaScript.

December 04, 2020

Arrays are used to store multiple values in a single variable, and here’s 5 methods for them.


1. push()

push() method adds one or more elements to the end of an array and returns the new length of the array.

const animals = ["pigs", "goats", "sheep"];

const count = animals.push("cows");
console.log(count); // 4
console.log(animals); // ["pigs", "goats", "sheep", "cows"]

2. pop()

pop() method removes the last element from an array and returns that element. This method changes the length of the array.

const plants = ["broccoli", "cauliflower", "cabbage", "kale", "tomato"];

console.log(plants.pop()); // tomato
console.log(plants); // ["broccoli", "cauliflower", "cabbage", "kale"]

plants.pop();
console.log(plants); // ["broccoli", "cauliflower", "cabbage"]

3. shift()

shift() method removes the first element from an array and returns that removed element. This method changes the length of the array.

const array1 = [1, 2, 3];

const firstElement = array1.shift();
console.log(array1); // [2, 3]
console.log(firstElement); // 1

4. reverse()

reverse() method reverses an array in place. The first array element becomes the last, and the last array element becomes the first be careful, as it changes the original array.

const array1 = ["one", "two", "three"];
console.log(array1); // ["one", "two", "three"]

const reversed = array1.reverse();
console.log(reversed); // ["three", "two", "one"]
console.log(array1); // ["three", "two", "one"]

5. find()

find() method returns the value of the first element in the provided array that satisfies the provided testing function.

const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10);

console.log(found); // 12

Written by Murtaja Ziad, a full-stack web developer.
My website - Follow me on Twitter