Daehyunii's Dev-blog
<모던자바스크립트 36장 디스트럭처링 할당> TIL-47 본문
오늘은 디스트럭처링 할당에 대해서 공부했다. 많은 양은 아니었기에 공부하는데 크게 어려움은 없었다. 디스트럭처링 할당은 크게 배열 디스트럭처링 할당과 객체 디스트럭처링 할당으로 나눌 수 있다. 디스트럭처링은 배열과 같은 이터러블이나 객체를 비구조화하여 변수에 개별적으로 할당하는 것이다. 배열 디스트럭처링 할당은 우변의 이터러블을 변수에 할당하는 것이고, 객체 디스트럭처링 할당은 우변의 객체의 프로퍼티 값을 변수에 할당 하는 것이다. 결국 디스트럭처링 할당은 배열이나 객체 내의 특정 요소나 값을 추출하여 변수에 할당하고 싶을 때 유용하게 활용할 수 있다. 사실 배열이나 객체에서 필요한 특정 요소나 값을 따로 변수에 할당하는 것은 복잡한 코드는 아니지만, 디스트럭처링 할당을 활용하면 여러 개의 요소나 값을 한 번에 변수에 할당할 수 있고 또 코드를 보자마자 디스트럭처링이라는 것을 바로 명확하게 알 수 있어서 좋은것 같다. 또한 디스트럭처링도 기본값을 설정할 수 있고, 객체 디스트럭처링의 경우 선언된 변수 이름과 프로퍼티 키가 일치해야 하기 때문에 헷갈릴 수가 있을것 같은데, 이 또한 프로퍼티 키와 다른 변수 이름으로 프로퍼티 값을 할당 받을 수 있는 방법이 있기 때문에 별 문제 없이 활용할 수 있을것 같다. 스프레드 문법을 포함해서 디스트럭처링 할당을 보고 느낀것은 자바스크립트가 점점 직관적이고 효율적으로 코드를 작성할 수 있게 계속 발전하고 있다는 느낌을 받았다. 앞서 배운 화살표 함수와 메스드 축약표현도 마찬가지다.
2022.07.28 - [언어 공부 및 정리/자바스크립트[모던자바스크립트]] - 36장 디스트럭처링 할당
'✏️ 2022. TIL > July' 카테고리의 다른 글
<모던자바스크립트 38장 브라우저의 렌더링 과정> TIL-49 (0) | 2022.07.28 |
---|---|
<모던자바스크립트 37장 Set과 Map> TIL-48 (0) | 2022.07.28 |
<모던자바스크립트 35장 스프레드 문법> TIL-46 (0) | 2022.07.28 |
<모던자바스크립트 34장 이터러블> TIL-45 (0) | 2022.07.27 |
<모던자바스크립트 32장 String> TIL-44 (0) | 2022.07.27 |