배열 및 객체 구조 분해 할당 (Destructuring)

배열 구조 분해 할당 (Array Destructuring)

배열의 요소를 변수에 개별적으로 할당할 수 있습니다.

const [a, b] = [1, 2];
console.log(a, b); // 1, 2

기본값 설정

배열의 요소가 존재하지 않을 경우, 기본값을 설정할 수 있습니다.

const [c = 3, d = 4] = [];
console.log(c, d); // 3, 4

나머지 요소를 배열로 받기

...(스프레드 연산자)를 사용해 나머지 요소들을 배열에 할당할 수 있습니다.

const [e, ...rest] = [5, 6, 7];
console.log(e, rest); // 5, [6, 7]

객체 구조 분해 할당 (Object Destructuring)

객체의 속성을 변수에 직접 할당할 수 있습니다.

const { x, y } = { x: 10, y: 20 };
console.log(x, y); // 10, 20