"구조 분해 할당"

=>MDN에 따르면 구조 분해 할당이란 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이라고 한다.

문법

구조분해의 기본 문법은 아래의 코드와 같다.
let a, b, rest;
[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

[a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4, 5]

({a, b} = {a:1, b:2});
console.log(a); // 1
console.log(b); // 2

구조분해 할당의 좌변은 값을 넣을 변수, 우변에는 값이 되는 변수가 된다
let x = [1, 2, 3, 4, 5];
let [y, z] = x;
console.log(y); // 1
console.log(z); // 2
구조분해
구조분해

2. 배열 구조분해

기본 변수 할당
배열 구조분해에 변수에 값을 할당하는 기본 방법은 밑의 코드와 같다.
let foo = ["one", "two", "three"];

let [one, two, three] = foo;
console.log(one); // "one"
console.log(two); // "two"
console.log(three); // "three"
기본 변수 할당
기본 변수 할당

foo에 one, two, three를 각각 저장한 후, 변수 one two three에 구조분해로 할당되어 출력되는 것을 확인 할 수 있다.