[javascript]전개 연산자 (...)

전개 연산자는 ECMAScript6에서 새롭게 추가되었으며, 특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용한다.

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = [7,8,9];

const arrWrap = arr1.concat(arr2, arr3);
// 전개 연산자
const arrWarp = [...arr1, ...arr2, ...arr3];

console.log(arrWrap); // [1,2,3,4,5,6,7,8,9]

const arr1 = [1,2,3];
const arr2 = [4,5,6];

Array.prototype.push.apply(arr1, ar2);
// 전개 연산자
arr1.push(...arr2);

console.log(arr1); // [1,2,3,4,5,6,7,8,9]

기존 배열 보존

const arr1 = [1,2,3];
const arr2 = arr1.reverse();

// 원본 배열까지 역순으로 변경됨
console.log(arr1); // [3,2,1]
console.log(arr2); // [3,2,1]

const arr1 = [1,2,3];
const arr2 = [...arr1].reverse();

// 원본 배열이 유지됨
console.log(arr1); // [1,2,3]
console.log(arr1=2); // [3,2,1]