비구조화 할당 (구조 분해) 문법

객체 내부값을 조회할 때마다 object.으로 입력하는데, 비구조화 할당 문법을 이용하면 코드를 짧고 간결하게 짤 수 있다.

const favorite = {
  name: 'Jordy',
  color: 'Green',
  type: 'Dinosaur'
};

const { name, color, type } = favorite;

console.log(name); // 'Jordy'
console.log(color); // 'Green'
console.log(type); // 'Dinosaur'

객체에서 값을 추출하여 새로운 상수로 선언해주기 때문이다.
만약 이름을 바꾸고 싶다면

const { name: character } = favorite;

console.log(character); // 'Jordy'