구조분해할당(Destructuring assignment)
배열이나 객체를 해체하여 그 값을 개별 변수에 담는 방법
배열
var arr = [1, 2, 3];
// 히나씩 인덱싱해서 할당할 수 있으나 번거로움
// var a = arr[0]
// var b = arr[1]
// var c = arr[2]
// console.log(a,b,c); // 1 2 3
// 변수와 값의 수가 같은 경우
var [a,b,c] = arr;
console.log(a,b,c); // 1 2 3
// 변수와 값의 수가 다른 경우
var b = 0;
var c = 0;
[,b,c] = arr; // 안들어가는 자리는 쉼표로 구분해 비워놔야 순서대로 들어간다!
console.log(b,c); // 2,3
[,,c] = arr;
console.log(c); // 3
// 나머지 번수를 한번에 저장하는 경우
var [a, ...rest] = arr
console.log(a,rest); // 1 [2,3]객체
var obj = { a:1, b:2, c:3 }
// var a = obj.a
// var b = obj.b
// var c = obj.c
// console.log(a,b,c); // 1 2 3
// 배열과 다르게 객체는 key값이 있어서 key값으로 할당할 수 있다!
var {a,b} = obj
console.log(a,b); // 1 2
var {c} = obj
console.log(c); // 3
var {c, ...rest} = obj
console.log(c,rest); // 3 {a:1,b:2}