[JavaScript] Object Destructing

Object Destructing이란?

JavaScript에서 객체의 property를 추출해 같은 이름의 변수에 할당하는 것을 뜻한다. 

코드를 읽기 쉽게 만들어주고, 관리하기 편하게 도와주는 방식이다.

---

Object Destructing 사용 방법

기본적인 객체 Object Destructing

아래와 같이 객체에서 원하는 key 값을 추출해서, key와 같은 이름의 변수에 할당해 사용할 수 있다.

person의 name과 age를 object destructing을 통해 추출하고 할당했다.

 

중첩 객체 object Destructing

 

함수 parameter object Destructing

---

👨🏻‍💻 응용편

destructing한 변수에 default value를 지정

const { job = "developer" } = person;
console.log(job); // "developer"

 

destrucing한 변수를 renaming

const { name: fullName } = person;
console.log(fullName); // "John Doe"