Spread operator in javascript

(...) These three dots are called spread operator in javascript which as the name represents, it allows an expression to be expanded. Spread operator is very handy while working with objects and arrays in javascript. This is also called es6 spread operator becuase it is included in es6.

1var parts = ['two', 'three'];
2var numbers = ['one', ...parts, 'four', 'five']; // ["one", "two", "three", "four", "five"]

The three dots represent the spread operator in ES6. It allows us to do quite a few things in JavaScript:

1.Concatenate arrays

1var shooterGames = ['Moiz', 'hassan', 'Resident Evil'];
2 var racingGames = ['Need For Speed', 'Gran Turismo', 'Burnout'];
3 var games = [...shooterGames, ...racingGames];
4 console.log(games)  // ['Moiz', 'hassan', 'Resident Evil',  'Need For Speed', 'Gran Turismo', 'Burnout']

2.Destructuring an array

1 var shooterGames = ['Call of Duty', 'Far Cry', 'Resident Evil'];
2   var [first, ...remaining] = shooterGames;
3   console.log(first); //Call of Duty
4   console.log(remaining); //['Far Cry', 'Resident Evil']}

1function myFuction(a, b, c) {
2    console.log("a:", a, ", b:", b, ", c:", c);
3  }
4  let arr = [1, 2, 3];
5  myFuction(...arr); // a:1, b:2, c:3

1function myFuction(a, b, c) {
2    console.log("a:", a, ", b:", b, ", c:", c);
3  }
4  let arr = [1, 2, 3];
5  myFuction(...arr); // a:1, b:2, c:3