-
스프레드 연산자는 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이 반환된다.