객체
-
[객체 기초]3.구조 분해 할당(destructuring assignment)JavaScript/자바스크립트 기본 2023. 3. 23. 19:23
리액트를 공부하다보면 구조 분해 할당을 자주 마주칩니다. 정확한 사용법을 이해하고 쓰기 위해서 책과 자바스크립트 튜토리얼을 보며 공부한 내용을 정리하였습니다. 1.배열의 구조 분해 할당 1️⃣ES6 이전의 구조 분해 할당 구조 분해 할당은 배열 ,객체를 비구조화 하여 변수에 할당하는 것을 말한다. //ES5 var arr = [1,2,3]; var one = arr[0]; var two = arr[1]; var three = arr[2]; //ES6 const arr= [1,2,3]; const [one,two,three] = arr; 배열에 있는 요소를 변수에 저장하기 위해 ES6이전에는 각각의 요소를 추출하여 변수에 할당해 주었다. 그에 비해 ES6의 배열 구조 분해 할당은 간단하고 코드가 줄어든 것..