[JS ES6+] destructuring(구조 분해 할당)

 

array 안에 있는 데이터들을 변수로 쉽게 저장하고 싶을때 사용하는 문법이다.

[‘Kim’, 20] 이라는 array Kim이랑 20이라는 값을 각각 변수에 저장하고 싶으면 어떻게 하는가?

 

let array = ['Kim', 20]; 

let name = array[0]; // 'Kim'
let age = array[1]; // 20

 

이런 반복적인 할당 방법이다. 물론 문제는 없다. 이런 반복적인 작업을 개선시켜준 문법이 구조 분해 할당이다.

 

let [name, age] = ['Kim', 20]

console.log(name); // 'Kim'
console.log(age); // '20'

 

각각 name = ‘Kim’,  age = 20 이라는 변수가 생성된다.

왼쪽 오른쪽 형식을 똑같이 맞춰주시면 자동으로 알아서 변수가 생성된다.

이게 변수만들 때 쓰는 destructuring 문법이다.