What is the best example to learn the ES6 spread operator (...) ?

#javascript #node #react

The following example taken from MDN is the best example I ever found to learn the spread operator as of 21 March 2023:-

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));

Top comments (2)

Rense Bakker • Mar 22 '23

You can use spread operator for a lot more:

function sum(...numbers){
  return numbers.reduce((total, next) => total += next, 0)
}

sum(1, 2, 3, 4) // add as many numbers as you want

And you can use it to destruct or combine objects as well:

const user = {
  name: 'foobar'
}

// destructing:
const { name } = user
console.log(name)

const anotherObj = {
  email: 'foo@bar.baz'
}

// combining objects:
const combinedUser = { ...user, ...anotherObj }
console.log(combinedUser)

const someArray = [1, 2, 3]
const anotherArray = [4, 5]

// combine array:
const combinedArray = [ ...someArray, ...anotherArray ]
console.log(combinedArray)

Muhammad • Apr 7 '23

Thank you a lot for it brother !

DEV Community

What is the best example to learn the ES6 spread operator (...) ?

Top comments (2)

Read next

How to develop a local package and use in a vite app

Launching a website offline without the Internet using Service Worker (English version)

Basic Testing Conventions on my prjects

Setup path aliases in React + Vite + TS Project 🤓