rest vs spread operator

Amjad Saeed answered on May 23, 2021 Popularity 10/10 Helpfulness 4/10

answer rest vs spread operator

related Difference Between the Spread and Rest Operators in JavaScript

related difference between rest operator and spread operator

related javascript rest parameters vs spread operator

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 rest spread

Link to this answer
Share Copy Link

Contributed on Jan 04 2023

Amjad Saeed

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

difference between rest operator and spread operator

Comment

// this is rest
function multiply(...args){
console.log("numbers",args)// will print ->numbers  [4, 5]
}

const a=[4,5]
// this is spread
multiply(...a);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: between

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

chamara sanjeewa

0 Answers Avg Quality 2/10

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 j

Link to this answer
Share Copy Link

Contributed on May 23 2021

GitPaulo

0 Answers Avg Quality 2/10

rest vs spread operator

Contents

More Related Answers

rest vs spread operator

Closely Related Answers

Difference Between the Spread and Rest Operators in JavaScript

difference between rest operator and spread operator

javascript rest parameters vs spread operator

Grepper

Documentation

Social

Legal

Contact

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