JavaScript 입문 : 구조분해할당 (Destructuring Assignment) - 객체

지난시간에 이어 오늘은 객체의 구조분해할당에 대해 공부를 해 보고자 합니다. 

 

▒ 객체 구조분해할당 (Object Destructuring Assignment)

 

① 일반적인 형태

 

배열에서는 순서가 중요 하였습니다. 처음 나오는 변수가 첫번째 배열의 요소를 취하는 형태였습니다. 객체는 기본적으로 순서와 상관없이 속성(Property)을 분해해서 변수에 할당을 하는 개념으로 보면 됩니다. 

 

예를 가지고 이해를 하도록 하겠습니다. 다음은 기존처럼 구조분해를 하지 않고 변수를 만드는 방법이었습니다. 

 

 

이를 구조분해할당 방식으로 변수에 지정하도록 하겠습니다.

 

 

② 새로운 변수명 지정

 

속성, 성질 등을 나타내는 Property를 분해하는 개념이기 때문에  새로운 변수를 다음과 같이 지정할 수 있습니다. 

 

 

③ 속성 기준

 

배열에서는 순서가 중요하였습니다. 객체에서는 속성을 기준으로 하기때문에 순서에는 영향을 받지 않습니다. 

 

 

④ ...rest 

 

객체에서는 ...rest 를 사용하면 나머지 속성들을 객체에 담아 표시합니다. 

 

 

상기와 같은 사용법을 Rest Property라고 합니다.