[JS] 전개 연산자 Spread Operator

전개 연산자로 할당하면 2차원 형태가 되지 않는다.

배열의 경우

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

console.log(arr1.push(...arr2)) // [1, 2, 3, 4, 5]

 

객체의 경우

const obj1 = {a: 'A', b: 'B'};
const obj2 = {c: 'C', d: 'D'}
const objWrap = {...obj1, ...obj2};

console.log(objWrap); // { a: 'A', b: 'B', c: 'C', d: 'D' }

 

 

 

기존 배열을 보존해야 할 때 유용

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(arr2); // [3, 2, 1]

원본 배열은 그대로 유지하면서 새로운 배열을 만들 수 있다.