본문 바로가기
개발/자바스크립트

36. 디스트럭처링 할당

by Dahna 2022. 8. 7.

디스트럭처링 할당(구조 분해 할당)은 구조화된 배열과 같은 이터러블 또는 객체를 분해하여 1개 이상의 변수에 개별적으로 할당하는 것을 말한다. ES6에서 도입되었다. 배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다.

 

배열 디스트럭처링 할당

배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당한다. 이때 할당문의 좌변에는 값을 할당받을 변수를 배열 리터럴의 형태로 선언하며, 할당문의 우변에는 이터러블을 위치시킨다. 할당 기준은 배열의 인덱스다. 즉, 순서대로 할당된다. 배열 디스트럭처링 할당을 위한 변수에 기본값을 설정할 수 있다. 배열 디스트럭처링 할당은 배열과 같은 이터러블에서 필요한 요소만 추출하여 변수에 할당하고 싶을 때 유용하다.

 

좌변의 변수에 Rest 파라미터와 유사하게 Rest 요소 ...을 사용할 수 있다. Rest 요소는 Rest 파라미터와 마찬가지로 반드시 마지막에 위치해야 한다. 

 

객체 디스트럭처링 할당 

객체 디스트럭처링 할당은 객체의 각 프로퍼티를 객체로부터 추출하여 1개 이상의 변수에 할당한다. 이때 할당문의 좌변에는 값을 할당받을 변수를 객체 리터럴의 형태로 선언하며, 할당문의 우변에는 객체를 위치시킨다. 할당 기준은 객체의 프로퍼티 키다. 변수는 프로퍼티 축약 표현을 통해 선언 가능하며, 객체의 프로퍼티 키와 다른 변수 이름으로 할당받으려면 {프로퍼티 키: 변수명}과 같은 방식으로 변수를 선언한다. 객체 디스트럭처링 할당을 위한 변수에 기본값을 설정할 수 있다. 객체 디스트럭처링 할당은 객체에서 프로퍼티 키로 필요한 프로퍼티 값만 추출하여 변수에 할당하고 싶을 때 유용하다. 객체 디스트럭처링 할당은 객체를 인수로 전달받는 함수의 매개변수에도 사용할 수 있다.

 

좌변의 변수에 Rest 요소와 유사하게 Rest 프로퍼티 ...을 사용할 수 있다. Rest 프로퍼티는 Rest 요소와 마찬가지로 마지막에 위치해야 한다.

'개발 > 자바스크립트' 카테고리의 다른 글

38. 브라우저의 렌더링 과정  (0) 2022.08.11
37. Set과 Map  (0) 2022.08.07
35. 스프레드 문법  (0) 2022.07.31
34. 이터러블  (0) 2022.07.28
33. Symbol  (0) 2022.07.28

댓글