Chosen Blog

Chosen Blog

Javascript Spread Operator (...)

Javascript Spread Operator (...)

Chosen Vincent's photo
Chosen Vincent
·Sep 22, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

The spread operator is an additional feature in JavaScript ES6 version. Just as the name implies, spread means to extend, expand or stretch something.

The spread operator which is represented by ellipsis (...) is used to expand, spread or copy existing code (array or object) into a new one.

Example:

const arr1 = [1, 2, 3];
console.log(...arr1)

//Output: 1 2 3

We can use the spread operator to copy or combine arrays. Example:

const arr1 = [2, 4, 6];
const arr2 = [8, 10, 12];
const arr3 = [...arr1, ...arr2];
console.log(arr3)

//Output: [2, 4, 6, 8, 10, 12]

We can also spread objects. Example:

const obj1 = {
    firstName: 'John'
};
const obj2 = {
    lastName: ' Carter'
};
let obj3 = {...obj1, ...obj2}
console.log(obj3)

//Output: {firstName: 'John', lastName: 'Carter'}

The spread operator can also be used to destructure an array. Example:

const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...others] = numbers;

console.log(numbers)

//Output: [1, 2, 3, 4, 5, 6]

JavaScript spread operator makes our code look simple and readable.

If you find this useful, follow for new articles.

 
Share this