Spread i rest

W JavaScript operator <strong>...</strong> (trzy kropki) może być używany do dwóch różnych zadań!

Spread

<strong>...</strong> można użyć do przekazania elementów tablicy jako osobnych argumentów funkcji

let array1 = [1,2,3];
Math.max(...array1); // dokładnie to samo co Math.max(1,2,3)

Używa się go również do skopiowania tablicy do innej tablicy lub skopiowania właściwości jednego literału obiektu do innego literału obiektu.

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> można użyć do zebrania wszystkich pozostałych parametrów funkcji w tablicę

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

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

Parametry rest powinny zawsze znajdować się na końcu. function sum(a, ...rest , b){ } nie zadziała.