자바스크립트

구조 분해 할당

양상추상츄 2021. 11. 16. 21:31

for of 반복문

var people = [
  {
    name: "Mike Smith",
    family: {
      mother: "Jane Smith",
      father: "Harry Smith",
      sister: "Samantha Smith"
    },
    age: 35
  },
  {
    name: "Tom Jones",
    family: {
      mother: "Norah Jones",
      father: "Richard Jones",
      brother: "Howard Jones"
    },
    age: 25
  }
];

for (var {name: n, family: { father: f } } of people) {
  console.log("Name: " + n + ", Father: " + f);
}

// "Name: Mike Smith, Father: Harry Smith"
// "Name: Tom Jones, Father: Richard Jones"

 

함수가 반환한 배열 분석

function f() {
  return [1, 2];
}

var a, b;
[a, b] = f();
console.log(a); // 1
console.log(b); // 2

 

예문을 보니 어떤 뜻인지 바로 알 것 같다.

다 알면좋겠지만 그중에 유용해보이는 예문을 가져와 봤다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

 

구조 분해 할당 - JavaScript | MDN

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

developer.mozilla.org

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

파비콘(favicon) 만들기  (0) 2021.12.30
클로저 (감춰진 참조)  (0) 2021.11.16
자바스크립트 Event Target  (0) 2021.11.16
자바스크립트 버블링 / 캡처링  (0) 2021.11.16
구글맵 API 사용 테스트  (0) 2021.11.14