자바스크립트 구조 분해 할당은 배열 또는 객체의 속성 값을 개별로 담을 수 있는 표현식으로 perl이나 파이썬 등 다른 언어에서도 지원하는 기능이다.
1. 기본 변수 구조 분해 할당
let A, B;
[A, B] = [123, 456];
console.log(A + '/' + C);
// 결과 : 123/456
2. 배열 구조 분해 할당
let foo = ["one", "two", "three"];
let [one, two, three] = foo;
console.log(one); // => "one"
console.log(two); // => "two"
console.log(three); // => "three"
한 번에 여러 변수를 선언하여 배열의 값을 순서대로 초기화 할 수 있다.
let C = [1, 2, 3, 4, 5];
let [X, Y] = C;
console.log( X + '/' + Y); // => 1/2
위 처럼 배열 C에서 두 번째 자리까지 순서대로 초기화 되지만 나머지 값들을 몰아서 초기화하고 싶으면 아래와 같이 사용하면 된다.
let C = [1, 2, 3, 4, 5];
let [X, ...Y] = C;
console.log( X + ' / ' + Y); // => 1 / 2,3,4,5
3. 객체 구조 분해 할당
var ob = {
a : 10,
b : 20
};
var {a, b} = ob;
console.log(a); // 10
console.log(b); // 20
객체는 기본 변수와 배열과는 다르게 중괄호 사용