객체 구조 분해

 

객체 구조 분해 기능을 이용하면 객체에서 값을 추출하여 변수에 할당할 수 있다.
단일 구문을 이용하여 객체의 여러 속성을 개별 변수에 할당할 수도 있다.
예를 들어 다음과 같은 객체가 있다고 가정해 보자.

const person = {
    firstName : 'John',
    lastName : 'Johnson',
    email: 'jjj@naver.com',
}

 

구조 분해 기능이 없다면, 각 속성에 개별적으로 접근해야 한다.

const firstName1 = person.firstName;
const lastName1 = person.lastName;
const emai1 = person.email;

 

다음 구문을 이용하여 구조 분해를 이용. 변수를 생성할 수 있다. 간결하다.

const {firstName, lastName, email} = person;