[JS] Destructuring. 구조 분할

 

Destructuring(구조 분할)은 배열의 원소나 객체의 property를 추출해서 변수에 저장할 수 있도록 해줍니다

앞서 포스팅했던 spread 연산자와 같은 것이라고 생각할 수 있는데 다른 개념입니다

spread는 모든 원소와 property를 가져와 새 배열이나 객체에 전달하는 연산자입니다

하지만 destructuring은 원소나 property를 하나만 가져와서 변수에 저장해요

 

 

배열과 객체를 예를 들어보면 

 

배열

[a, b] = ['Hello', 'Max']

console.log(a)  // Hello

console.log(b) // Max

 

객체

{name} = {name : 'Max', age : 28}

console.log(name) // Max

console.log(age) // undefined

 

구조 할당으로 원소 추출하기

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

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