Breaking News: Grepper is joining You.com. Read the official announcement!

javascript rest parameters vs spread operator

Add Answer

GitPaulo answered on May 23, 2021 Popularity 10/10 Helpfulness 2/10

answer javascript rest parameters vs spread operator

related Difference Between the Spread and Rest Operators in JavaScript

related rest vs spread operator

javascript rest parameters vs spread operator

Comment

/** 
* JS Spread and Rest operators:
* Two operators with the same syntax (...) but behave differently
*/

// Rest parameter: collects all remaining elements into an array. 
function foo (...args) { console.log(args) } 
foo(1,2,3,4,5,6) // Output: (6) [1,2,3,4,5,6]

// Spread operator: allows iterables to be expanded into single elements.
let arr = [1, 2, 3];
let arrCopy = [-1, 0, ...arr]; // spread the array into a list of parameters
                        // then put the result into a new array

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript rest-parameters spread

Link to this answer
Share Copy Link

Contributed on May 23 2021

GitPaulo

0 Answers Avg Quality 2/10

Closely Related Answers

Difference Between the Spread and Rest Operators in JavaScript

Comments(1)

// We use the spread operator to spread array values or iterables into maybe an array or object.

// While we use the Rest operator to gather the remaining elements passed into a function as an array.

const myFunction = (name1, ...rest) => { // used rest operator here
    console.log(name1);
    console.log(rest);
};

let names = ["John", "Jane", "John", "Joe", "Joel"];
myFunction(...names); // used spread operator here

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: www.freecodecamp.org

Tags: between

Link to this answer
Share Copy Link

Contributed on Aug 22 2022

OHIOLee

0 Answers Avg Quality 2/10

rest vs spread operator

Comment

Spread operator: The spread operator helps us expand an iterable such as an array where multiple arguments are needed
Note: There can be more than one spread operator in javascript functions.

var array1 = [10, 20, 30, 40, 50];
    var array2 = [60, 70, 80, 90, 100];
    var array3 = [...array1, ...array2];
   console.log(array3);


Rest operator: The rest parameter is converse to the spread operator. while spread operator expands elements of an iterable, rest operator compresses them.

 function average(...args) {
        console.log(args);
        var avg =
            args.reduce(function (a, b) {
                return a + b;
           }, 0) / args.length;
        return avg;
    }
    console.log("average of numbers is : "
        + average(1, 2, 3, 4, 5));
    console.log("average of numbers is : "
        + average(1, 2, 3));

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 04 2023

Amjad Saeed

0 Answers Avg Quality 2/10

javascript rest parameters vs spread operator

Contents

More Related Answers

javascript rest parameters vs spread operator

Closely Related Answers

Difference Between the Spread and Rest Operators in JavaScript

rest vs spread operator

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.