[자바스크립트] ES6+ 전개문법

전개 문법은 파이썬에서 *과 비슷한 역할로 ...을 이용해서 표현한다.

 

배열에서의 전개 문법

배열의 요소를 개별로 분리한다. 주로 배열을 복사하거나 여러 배열을 합칠 때 사용된다.

 

배열 복사

const arr = [1, 2, 3];
const copyArr = [...arr];

console.log(copyArr); // [1, 2, 3]

 

배열 합치기

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

console.log(combinedArr); // [1, 2, 3, 4, 5, 6]

 

새로운 요소 추가

const arr = [1, 2, 3];
const newArr = [...arr, 4, 5];

console.log(newArr); // [1, 2, 3, 4, 5]

 

 

객체에서의 전개 문법

객체의 속성들을 복사하거나 병합할때 사용된다.

 

객체 복사

const obj = { a: 1, b: 2 };
const copyObj = { ...obj };

console.log(copyObj); // { a: 1, b: 2 }

 

객체 병합

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = { ...obj1, ...obj2 };

console.log(mergedObj); // { a: 1, b: 3, c: 4 }