Destructuring -ECMAScript

Destructuring 은 배열의 값 또는 객체의 속성을 별개의 변수로 압축 해제할 수있는 JavaScript 표현식입니다.

형태

let a, b, rest;  
  
[a, b] = [10, 20];  
console.log(a); // 10  
console.log(b); // 20  
  
[a, b, ...rest] = [10, 20, 30, 40, 50];  
console.log(a); // 10  
console.log(b); // 20  
console.log(rest); // [30, 40, 50]  
  
({ a, b } = { a: 10, b: 20 });  
console.log(a); // 10  
console.log(b); // 20  
  
  
// Stage 4(finished) proposal  
({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});  
console.log(a); // 10  
console.log(b); // 20  
console.log(rest); // {c: 30, d: 40}

변수에 배열의 엘리먼트를 할당한다는 표현보다 배열의 엘리먼트를 변수에 할당한다는 표현이 더 정확합니다.
배열의 엘리먼트 값을 변수에 할당하기 위해서는
먼저, 배열의 엘리먼트를 분할하고 분할된 엘리먼트 값이 변수에 할당되기 때문입니다.