Spread Syntax vs Rest Parameter in ES2015 / ES6

by

When using spread, you are expanding a single variable into more:

var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha)// alpha == ['a', 'b', 'c', 'd', 'e', 'f'];

When using rest arguments, you are collapsing all remaining arguments of a function into one array:

function sum( first, ...others ) {
    for ( var i = 0; i < others.length; i++ )
        first += others[i];
    return first;
}
console.log(sum(1,2,3,4))// sum(1, 2, 3, 4) == 10;

More Related Contents:

  1. Usage of rest parameter and spread operator in javascript
  2. What is SpreadElement in ECMAScript documentation? Is it the same as Spread syntax at MDN?
  3. Is it spread “syntax” or the spread “operator”?
  4. Spread Syntax ES6
  5. Deep copy in ES6 using the spread syntax
  6. What is the meaning of “…args” (three dots) in a function definition?
  7. Using spread operator multiple times in javascript?
  8. Spreading undefined in array vs object
  9. What’s the difference between using “let” and “var”?
  10. ECMAScript 6 arrow function that returns an object
  11. One-liner to take some properties from object in ES 6
  12. How to update nested state properties in React
  13. How to load external scripts dynamically in Angular?
  14. Is it possible to inherit old-style class from ECMAScript 6 class in JavaScript?
  15. Javascript ES6 class definition not accessible in window global
  16. How to use code from script with type=module [duplicate]
  17. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  18. How to clone a javascript ES6 class instance
  19. React.createClass vs. ES6 arrow function
  20. ES6 – Call static method within a class
  21. Are ES6 template literals faster than string concatenation?
  22. Javascript: Using `.includes` to find if an array of objects contains a specific object
  23. require(‘babel/register’) doesn’t work
  24. set withCredentials to the new ES6 built-in HTTP request API : Fetch
  25. How does JavaScript import find the module without an extension?
  26. What is ‘global symbol registry’?
  27. Exporting functions with reactjs and babel
  28. object destructuring: how to use intermediate nested property
  29. Compare two Arrays with Objects and create new array with unmatched objects
  30. When is the body of a Promise constructor callback executed?

Leave a Comment