Spread와 Rest 연산자

개념 설명

같은 ... 문법을 사용하지만 사용 위치에 따라 역할이 다른 ES6 연산자로, 펼침과 수집의 반대 기능을 수행.

핵심 포인트

• Spread: 배열이나 객체를 개별 요소로 펼치는 연산자
• Rest: 여러 요소를 하나의 배열이나 객체로 수집하는 연산자
• 함수 호출과 정의, 구조분해 할당에서 각각 다른 역할
• 얕은 복사 특성을 가짐 (중첩 객체 주의)

예시 코드

// Spread 연산자 - 펼치기
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]