구조 분해 할당

구조 분해 할당

• MDN정의

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생기곤 합니다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생기기도 하죠.

이럴 때 객체나 배열을 변수로 '분해’할 수 있게 해주는 특별한 문법인 구조 분해 할당(destructuring assignment) 을 사용할 수 있습니다. 이 외에도 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우 등에서 구조 분해(destructuring)는 그 진가를 발휘합니다.

// 이름과 성을 요소로 가진 배열
let arr = ["Kwnag", "Kim"]

// 구조 분해 할당으로
// firstName엔 arr[0]을
// lastname엔 arr[1]을 할당
let [firstName, lastName] = arr;

alert(firstName); // Kwang
alert(lastName);  // Kim

---

Ref. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment https://ko.javascript.info/destructuring-assignment