Destructuring Assignment & Rest parameter

박태진·2022년 3월 24일

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 x = [1, 2, 3, 4, 5];
var [y, z] = x;
console.log(y); // 1
console.log(z); // 2

0개의 댓글