구조 분해 할당(Destructuring Assignment)

배열 구조 분해

기본 사용 법

let arr = [10, 20];
let [a, b] = arr;
console.log('a: ', a);  // 10
console.log('b: ', b);  // 20

기본값 사용

let arr = [10, 20];
let [a, b, c=30] = arr;	// c에 넣을 값이 없다면 원래 undefined가 되지만, 여기선 30이 된다.
console.log('a: ', a);  // 10
console.log('b: ', b);  // 20
console.log('c: ', c);  // 30

swap 쉽게 하는 법

let arr = [10, 20];
let [a, b] = arr;
console.log('a: ', a);  // 10
console.log('b: ', b);  // 20

[a, b] = [b, a];

console.log('a: ', a);  // 20
console.log('b: ', b);  // 10

---

객체 구조 분해

기본 사용 법

let info = { name : 'song', age : 26 }
let {age, name} = info; // 배열 구조 할당과 다른점은 순서가 상관없다는 점  {name, age}도 가능
console.log('name: ', name);
console.log('age: ', age);

기본값 사용은 배열과 같음

새로운 변수 이름으로 할당

let info = { name : 'song', age : 26 }
let {name: myName, age: myAge} = info;
console.log('myName: ', myName);
console.log('myAge: ', myAge);