Performing an unshift operation in JavaScript without the unshift() method: A guide

Performing an unshift operation in JavaScript without the unshift() method: A guide

Want to give your JavaScript arrays a little shove from the top, without using the method? No worries! Here are two slick ways to accomplish that:

Array concat() Method

We can use the trusty method, which is perfect for joining together two or more arrays. To prepend a new element, simply enclose it in an array of size 1, then combine it with the rest of your array like so:

(Example: Prepending an object using concat())

In this example, gets merged with , effectively simulating the method[1].

ES6 Spread Operator

The ES6 spread operator () saves the day with its ability to combine multiple arrays or add new elements in a shorthand way.

(Example: Prepending an object using spread operator)

In this method, you'll get a new array with at the beginning and the original array elements in their proper order[1].

A Few Final Words

Both techniques won't affect the original array but instead create a fresh one with the new element at the front. Just like , so to speak, but with a gentle and non-mutating touch[1][4].

Using the method, you can join two or more arrays and prepend a new element by enclosing it in an array of size 1, like this:

Alternatively, employing the ES6 spread operator, you can combine multiple arrays or add new elements in a concise manner:

Both techniques create a new array that retains the order of existing elements and adds the new element at the beginning, while leaving the original array unaffected.

Read also: