Add to the Front of an Array in JavaScript

0
41
How to Filter an Object by Key in JavaScript


Mar 10, 2022

You can use the unshift() function to add elements to the beginning of an array.
unshift() modifies the array in place, and returns new length of the array.

let array = [1, 2, 3];

array.unshift(0); 

array; 

array = ['b', 'c'];
array.unshift('a'); 
array; 

Immutable Approaches

If you need to create a shallow copy of the array and append a new element at the beginning, you have a couple of options.
You can use the concat() method to add elements the beginning to the array as follows:

const array1 = [4, 5, 6];
const array2 = [1, 2, 3];

array2.concat(array1); 

[0].concat(array2); 

The key point is that concat() doesn’t modify the original array.
It will instead return a copy of the array with one or more new elements at the beginning.

Spread Operator

You can also use the spread operator to create a new array with a new element at the beginning as shown below.
This approach is common in React codebases.

const array1 = [1, 2, 3];

[0, ...array1]; 

More Fundamentals Tutorials



Source link

Leave a reply

Please enter your comment!
Please enter your name here