Spread Operator
console.log([1,2,3]); // [1, 2, 3]
console.log(...[1,2,3]); // 1 2 3
Use Case 1
var arr1 = [1,2,3];
var arr2 = [4,5,6];
// arr1.push(arr2) or [1,2,3, arr2]
// console.log(arr1); // [1, 2, 3, [4, 5, 6]]
arr1.push(...arr2)
console.log(arr1); // [1, 2, 3, 4, 5, 6]
Use Case 2
function display(a,b,c){
console.log(a+b+c); // 60
}
display(...[10,20,30]);
Use case 3 - Create copy of array
var arr1 = [1,2];
var arr2 = [3,4];
var newArr = [...arr1, ...arr2];
var arrCopy = [...newArr]; // Old way [].concat(newArr)
arrCopy[0] = 100;
console.log(arrCopy); [100,2,3,4]
console.log(newArr); [1,2,3,4]
Last updated
Was this helpful?