Push, Pop, Shift, and Unshift Array methods in JavaScript

Updated onbyAlan Morel
Push, Pop, Shift, and Unshift Array methods in JavaScript

In this post, we'll learn about the JavaScript Array methods push, pop, shift, and unshift.

These methods are used when you want to add or remove elements from the start or the end of an array.

Push

Use the push method to add an element to the end of an array.

let fruits = ["apple", "banana", "orange"];
fruits.push("grape");

console.log(fruits); // ['apple', 'banana', 'orange', 'grape']

push returns the new length of the array.

Pop

Use the pop method to remove an element from the end of an array.

let fruits = ["apple", "banana", "orange"];
fruits.pop();

console.log(fruits); // ['apple', 'banana']

pop returns the element that was removed.

Shift

Use the shift method to remove an element from the start of an array.

let fruits = ["apple", "banana", "orange"];
fruits.shift();

console.log(fruits); // ['banana', 'orange']

shift returns the element that was removed.

Unshift

Use the unshift method to add an element to the start of an array.

let fruits = ["banana", "orange"];
fruits.unshift("apple");

console.log(fruits); // ['apple', 'banana', 'orange']

unshift returns the new length of the array.

Conclusion

We've taken a look at the four most common array methods for manipulating the start and end of arrays, push, pop, shift, and unshift.

Hopefully you learned something useful and enjoyed reading this post!

To learn more about web development, founding a start-up, and bootstrapping a SaaS, follow me on X!
Copyright © 2017 - 2024 Sabe.io. All rights reserved. Made with ❤ in NY.