The spread operator ..., introduced first in ES6 became one of the most popular and favourite feature among the developers.
It is much widely accepted that a proposal was made to extend its functionalities to objects, prior it only worked on arrays.
Lets use the spread operator to add element to the starting of an array.
Example with food emoji
let fruits = ["🍇", "🍉", "🍍", "🍓", "🥝", "🍊", "🍎", "🍏"];
console.log(fruits);
// Output → ["🍇", "🍉", "🍍", "🍓", "🥝", "🍊", "🍎", "🍏"]
console.log(fruits.length);
// Output → 8
fruits = ["🥭", ...fruits];
console.log(fruits.length);
// Output → 9
console.log(fruits);
// Output → ["🥭", "🍇", "🍉", "🍍", "🍓", "🥝", "🍊", "🍎", "🍏"]Example with sports emojis
Below example adds multiple elements to the start of an array
let sports = ["⚾", "🏀", "🎾", "🎳", "🏑", "🏸", "🥊"];
console.log(sports);
// Output → ["⚾", "🏀", "🎾", "🎳", "🏑", "🏸", "🥊"]
console.log(sports.length);
// Output → 7
sports = ["⚽", "🥏", ...sports];
console.log(sports.length);
// Output → 9
console.log(sports);
// Output → ["⚽", "🥏", "⚾", "🏀", "🎾", "🎳", "🏑", "🏸", "🥊"]Happy coding
Related Articles
Deepen your understanding with these curated continuations.
Convert array to an object in JavaScript
This article explains simplest and quickest way to convert array to an object in JavaScript. Using widely accepted spread operator `...` makes easy to do it.
How to Update an Array Element in JavaScript
Learn the simplest ways to update array elements in JavaScript. This guide explains how to use assignment operators and modern methods to modify array values.
Flatten an Array One Level Deep in Javascript
This article explains to flatten an array one level deep in javascript comparing with lodash _.flatten method.