Destructuring Assignment(구조분해할당)

구조분해의 기본 문법

var a, b, rest;
[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

[a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4, 5]

({a, b} = {a:1, b:2});
console.log(a); // 1
console.log(b); // 2

선언에서 분리한 할당

  var a, b;

  [a, b] = [1, 2];
  console.log(a); // 1
  console.log(b); // 2
  

기본값 설정

var a, b;

[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7

a에는 5 b에는 7이 기본값이다가 1이 a로들어가서 a는 1 b는 7 이 나온다

값 교환

var a = 1;
var b = 3;

[a, b] = [b, a];
console.log(a); // 3
console.log(b); // 1

서로 위치를 바꿔서 표현해주면 됨

함수의 반환된 배열

  function f() {
      return [1, 2];
  }

  var a, b; 
  [a, b] = f(); 
  console.log(a); // 1
  console.log(b); // 2

함수에 넣어서도 사용이 가능

값 무시하기

  function f() { return [1, 2, 3]; } var [a, , b] = f(); 
  console.log(a); // 1 
  console.log(b); // 3
  
  

나머지 변수에 저장

var [a, ...b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]

...으로 시작하는 나머지 변수에 저장가능함