Destructuring 구조분해 할당

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

구조 분해 할당 - JavaScript | MDN

구조분해는 배열요소나 객체 속성을 추출해서 변수로 저장하는 역할을 한다 

 

하나의 요소나 속성만을 배열이나 객체를 위한 변수로 저장 합니다

 

배열구조분해와 객체구조분해로 나뉜다 

 

let [a, b] = ['hong', 'lim'];
console.log(a);
console.log(b);

왼쪽에 보면 배열을 만드는것 같지만 그렇지 않다 오른쪽 배열의 값을 a 와 b변수에 할당 한다 

const numbers = [1, 2, 3];
[num1, , num3] = numbers;
console.log(num1, num3);

 

객체 구조 분해도 같은 구조다 

다만 { } 중괄호를 사용하면 된다 

let {name} = {name:'hong', age: 28};
console.log(name);
console.log(age); //ReferenceError: age is not defined