Spread e Rest

In JavaScript, un singolo operatore <strong>...</strong> (tre puntini) può essere usato per due tipi di operazioni!

Spread

<strong>...</strong> può essere usato per passare gli elementi di un array come parametri separati a una funzione

let array1 = [1,2,3];
Math.max(...array1); // esattamente uguale a Math.max(1,2,3)

Viene usato anche per copiare un array in un altro array o per copiare le proprietà di un oggetto letterale in un altro oggetto letterale.

let arr1 = [1,2,3];
let arr2 = [6,7,8];
let final = [...arr1, 4, 5, ...arr2]; // [1,2,3,4,5,6,7,8]

let obj1 = {name:"Shubham"};
let obj2= {work: "Software Development"};
let finalObj = {...name,...work}; // {name:"Shubham",work:"Software Development"}

Rest

<strong>...</strong> può essere usato per raccogliere tutti i parametri rimanenti (rest) di una funzione in un array

function sum(a,b,...rest){
	console.log("rest parameters : ", rest); 
}

sum(1,2,3,4,5,6) //parametri rest: [3,4,5,6]

I parametri rest devono sempre essere gli ultimi parametri. function sum(a, ...rest , b){ } non funzionerà.