[ 모던 자바스크립트 Deep Dive ] 36장 : 디스트럭처링 할당

• 디스트럭처링 할당(구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 destructuring하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다.
• 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다.

36.1 배열 디스트럭처링 할당

• ES5에서 구조화된 배열을 디스트럭처링하여 1개 이상의 변수에 할당하는 방법은 다음과 같다.
  
  • 배열 디스트럭처링 할당의 대상(할당문의 우변)은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다.
• 배열 디스트럭처링 할당의 기준은 배열의 인덱스다.
• 즉, 순서대로 할당된다.
  • 이때 변수의 개수와 이터러블의 요소 개수가 반드시 일치할 필요는 없다.
    
• 배열 디스트럭처링 할당을 위한 변수에 기본값을 설정할 수 있다.
  
• 배열 디스트럭처링 할당을 위한 변수에 Rest 파라미터와 유사하게 Rest 요소...를 사용할 수 있다.
• Rest 요소는 Rest 파라미터와 마찬가지로 반드시 마지막에 위치해야 한다.
  

36.2 객체 디스트럭처링 할당

• ES5에서 객체의 각 프로퍼티를 객체로부터 디스트럭처링 하여 변수에 할당하기 위해서는 프로퍼티 키를 사용해야 한다.
  
• 객체를 구조분해하기 위해서는 변수명을 객체에서 사용하고 있는 프로퍼티키로 사용해야 한다.
  • 즉 할당의 기준이 배열과 같이 인덱스가 아니라 프로퍼티 키라는 말이다.
  • 또한 배열과 다르게 할당하고자 하는 변수들을 중괄호({})로 묶어줘야 한다.
    
• 배열과 마찬가지로 기본값을 설정할 수 있다.
• 객체 디스트럭처링 할당을 위한 변수에 Rest 파라미터와 유사하게 Rest프로퍼티...를 사용할 수 있다.
• Rest 요소는 Rest파라미터나 Rest 요소와 마찬가지로 반드시 마지막에 위치해야 한다.