Destructuring Assignment (구조분해할당)
: 구조 분해 할당은 배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해주는 것이다.
배열(array)에서의 구조 분해 할당
let [a, b] = [10, 20];
console.log(a); // 10
console.log(b); // 20
객체(array)에서의 구조 분해 할당
const obj = {
name: "John",
age: 18,
memo: "Hello",
};
const { name, age, memo } = obj;
console.log(name); // "John"
console.log(age); // 18
console.log(memo); // "Hello"
// 만약 구조 분해 할당을 사용하지 않는다면?
// 아래와 같이 직접 대입해 주어야 한다.
const name = obj.name;
const age = obj.age;
const memo = obj.memo;
이렇게 한공간에 담아줌으로써 가독성도 좋아지고 편리하게 코드를 짤 수있다.
배열은 []를 사용하고, 객체는 {}를 사용한다.
그리고 배열은 위치가 중요하며, 객체는 이름이 중요하다.
