[JS] Destructured Assignment

객체에서 key를 변수를 추출할 때 대개는 다음과 같은 코드를 사용합니다.

const vampire = {
  name: 'Dracula',
  residence: 'Transylvania',
  preferences: {
    day: 'stay inside',
    night: 'satisfy appetite'
  }
};

const residence = vampire.residence; 

destructured assignment라고 불리는 분해 기술을 이용하면 보다 간편하게 키를 저장할 수 있습니다. 구조화된 할당에서는 개체 키 이름을 가진 변수를 생성하고 이 변수에 개체를 할당합니다.

const { residence } = vampire; 

객체의 Nested property에도 사용이 가능합니다.

const { day } = vampire.preferences;