구조 분해 할당

구조 분해 할당(Destructuring assignment) 

ES6에서 새롭게 도입한 문법이며 객체(Object) 나 배열(List)을 변수로 ‘분해'할 수 있습니다. 

 

객체(Object)의 구조 분해 할당

객체를 분해할 때에는 반드시 변수명과 객체의 프로퍼티 이름이 일치해야 합니다.

프로퍼티의 이름이 유효한 식별자인 프로퍼티만 분해 후 할당됩니다.

 

const obj = { name: "개린이", age: 30, tech: "Node.js" };

const { name, age, tech, hair } = obj;
console.log(name); // 개린이
console.log(age); // 30
console.log(tech); // Node.js
console.log(hair); // undefined: obj에는 "hair" 프로퍼티가 존재하지 않습니다.

 

 

배열(Array) 구조 분해 할당

배열 구조 분해 할당으로 선언한 변수를 제외한 나머지 배열의 요소는 할당되지 않습니다.

배열을 분해할 때에는 변수 이름을 마음대로 선언할 수 있고, 배열의 순서대로 할당됩니다.

const arr = ["Node.js", "React", "Spring"];

const [backEnd, frontEnd] = arr;
console.log(backEnd); // Node.js
console.log(frontEnd); // React