비구조화 할당, 구조분해 할당

ES6 비구조화 할당(구조분해 할당)

ES6에서 새롭게 만들어진 변수 할당 방법입니다. 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있습니다. 

 

배열

const nameList = ["SoHee", "KangIn", "MinSu"];
const name1 = nameList[0];
const name2 = nameList[1];
const name3 = nameList[2];

배열에 있는 값들을 서로 다른 변수에 저장하려면 이렇게 했습니다. 비구조화 할당으로는 상당히 간결하게 변수 할당을 할 수 있습니다.

const nameList = ["SoHee", "KangIn", "MinSu"];
const [name1, name2, name3] = nameList;

 

객체

const info = {name: "KangIn", age: 30};
const {name, age} = info;

배열의 비구조화 할당과 같이 객체에서도 사용됩니다.