[es6] destructuring assignment

destructuring assignment (해체 할당)

이터러블이나 객체의 값/프로퍼티를 각각 배열이나 객체 생성자 리터럴과 비슷한 구문으로 변수에 할당하는 표현식

// es5
var arr = [1, 2, 3];
var a = arr[0]; // 1
var b = arr[1]; // 2
var c = arr[2]; // 3

// es6
const arr = [1, 2, 3];
let a, b, c;
[a, b, c] = arr; // [1, 2, 3]

let [d, , e] = arr;console.logbconsole.logb
console.log(d); // 1
console.log(e); // 3

let [f, ...g] = arr;
console.log(a); // 1
console.log(g); // [2, 3]

// 기본값을 undefined 이외의 값으로 지정 가능
let [h, i, j = 3] = [1, 2];
console.log(j); // 3

let [ k, l, [m, n]] = [1, 2, [3, 4]];

// 배열 말고도 object에서도 가능
const object = {"name": "이름", "age": "12"}
const {name, age} = object;
console.log(name); // 이름
console.log(age); // 12