JS 구조 분해 할당

구조 분해 할당(Destructuring assignment)은 배열 데이터 또는 객체 데이터의 구조를 분해해 구조에 맞게 각 변수에다가 개별적으로 데이터를 할당하는 방식입니다.

const arr = [1, 2, 3];

const a = arr[0];
const b = arr[1];
const c = arr[2];

각각의 변수에 일일이 개별적으로 데이터를 넣는 대신

const arr = [1, 2, 3];

const [a, b, c] = arr;

이러한 방식으로 표기할 수 있습니다.

기본적인 구조 분해 할당 문법을 응용해, 나머지 모든 데이터를 하나의 변수에다가 넣을 수도 있습니다.

const arr= [1, 2, 3];
const [a, ...rest] = arr;

console.log(a, rest);

1 [2,3]