디스트럭처링할당 ( 비구조화할당, 구조분해할당 )

디스트럭처링할당은 비구조화할당, 구조분해할당 이라고도 한다.
쉽게 말하면 구조를 뿌셔서 새로 할당을 하는 것이다.

1. 배열 디스트럭처링할당

// ES5
var arr = [1,2,3];

var one = arr[0];
var two = arr[1];
var three = arr[2];

console.log(one, two, three); // 1 2 3

ES5에서는 위와 같이 할당했는데 이렇게하면 귀찮으니까,
ES6에서는 배열의 구조를 뿌셔서 새로운 변수를 할당해준다 = 구조분해할당

// ES6 디스트럭처링 할당
const arr = [1,2,3];

const [one, two, three] = arr; // <-- 이렇게 구조분해할당을 해준다
console.log(one, two, three); // 1 2 3

2. 객체 디스트럭처링할당

객체는 순서가 없으므로 프로퍼티 값으로 사용해야 한다.
부숴줄 때 순서는 상관없다.

const obj = {
  a : 1,
  b : 2,
  c : 3
};
const {c, b, a} = obj; // <-- 순서는 상관없다. 
console.log(b); // 2