[JavaScript] 디스트럭처링 할당

디스트럭처링 할당

드스트럭처링 할당(구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다.

 

배열 디스트럭처링 할당

배열 디스트럭처링 할당의 대상(할당문의 우변)은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다.

우변에 이터러블을 할당하지 않으면 에러가 발생한다.

const arr = [1, 2, 3];

const [ one, two, three ] = arr;
console.log(one, two, three); // 1 2 3

//변수에 기본값을 설정
const [a, , c] = [1, 2, 3];
console.log(a, c); // 1 3

객체 디스트럭처링 할당

객체 디스트럭처링 할당의 대상(할당문의 우변)은 객체이어야 하며, 할당 기준은 프로퍼티 키다. 즉, 순서는 의미가 없으며 선언된 변수 이름과 프로퍼티 키가 일치하면 할당된다.

우변에 객체 또는 객체로 평가될 수 있는 표현식을 할당하지 않으면 에러가 발생한다.

const user = { firstName: 'InJik', lastName: 'Kim' };

const { lastName, firstName } = user;

console.log(firstName, lastName); // InJik Kim