스프레드 연산자

스프레드 연산자는 ES6에 도입된 자바스크립트 문법으로, 반복 가능한 객체의 요소를 개별적으로 펼쳐서 사용할 수 있게 한다. 

 

배열 복사 

const arr = [1, 2, 3];
const copy = [...arr]; // [1, 2, 3]

배열 병합 

const arr1 = [1, 2];
const arr2 = [3, 4];
const combined = [...arr1, ...arr2]; // [1, 2, 3, 4]

배열 

const arr = [1, 2, 3];
const beginning = [0, ...arr]; // [0, 1, 2, 3]
const end = [...arr, 4]; // [1, 2, 3, 4]

 

객체 복사

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

객체 병합

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

함수 인자에서의 사용

const arr = [1, 2, 3];
const max = Math.max(...arr); // 3

응용

data :{
...(title && { title }),
...(content && { content }),
} // true 값일 때 title: title이 반환된다.