● 구조분해 할당
객체에서 객체의 속성 이름과 대입하는 변수명이 같을 때 다음과 같이 줄여서 쓸 수 있습니다.
const person = { name: '제로초' };
const name = person.name;
const { name } = person; // 앞 줄과 같은 의미
name; // '제로초'
이러한 문법을 구조분해 할당(destructuring assignment)이라고 합니다. 구조분해 할당은 여러 속성을 한 번에 변수에 대입할 때 유용합니다.
const obj = { a: 1, b: 2 };
const a = obj.a;
const b = obj.b;
const { a, b } = obj; // 앞의 두 줄을 이렇게 한 줄로 표현 가능
a; // 1