Object destructuring

Object destructuring

const human = {
  name: 'alpaca',
  age: 30,
  location: 'Suwon'
}

해당 obj에서 name, age, location을 사용한다면 고전적인 방법은 다음과 같을 것이다

const name = human.name;
const age = human.age;
const location = human.location;

물론 이 방법도 좋지만 더 편하고 가독성이 좋은 방식이 있다

const { name, age, location } = human;

이것이 obj destructuring이고, {}을 통해 해당 obj안으로 들어갔다고 생각하면 된다
따라서 obj안에 obj가 있는 형태라면 { {} }의 형태가 될 것임을 직관적으로 알 수 있다

const 경기도 = {
  도시: {
    수원: 'Suwon',
    안양: 'Anyang'
  }
}

이를 obj destructuring을 사용한다면 다음과 같을 것이다

const { 도시: { 수원, 안양 } } = 경기도

이와 비슷한 문법으로 이름을 변경하는 방법인데

const { name: myName } = human;

이와 같이 하면 human.name을 myName이라는 새로운 상수에 저장겠다는 말이다