구조분해할당(배열 구조 분해)

구조 분해 할당 이란?

구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

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

[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(a); //10
console.log(b); //20
console.log(rest);	//[30,40,50]


([a,b, ...rest] = {a:10, b:20, c:30, d:40});
console.log(a); //10
console.log(b); //20
console.log(rest); // {c:30, d:40}

설명

객체 및 배열 리터럴 표현식을 사용하면 즉석에서 쉽게 데이터 뭉치를 만들 수 있음

var x = [1,2,3,4,5];

var [y,z] = x;
console.log(y); //1
console.log(z); //2

기본 변수 할당

var foo = ["one", "two", "three"];

var [red, yellow, green] = foo;
console.log(red); //"one"
console.log(yellow); //"two"
console.log(green); //"three"

기본값

변수에 기본값을 할당하면, 분해한 값이 undefined일 때 그 값을 대신 사용

var a,b;

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

변수 값 교환하기

하나의 구조 분해 표현식만으로 두 변수의 값을 교환할 수 있음

구조분해 할당 없이 두 값을 교환하려면 임시 변수가 필요

var a = 1;
var b = 3;

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