구조 분해 할당

구조 분해 할당이란

말그대로 구조를 분해해서 할당한다는 의미 이다.

사전적 의미로는 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

예시를 보는게 이해는 제일 빠른거 같다.

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

x라는 변수에 배열이 들어있다고 가정해보자.

그랬을때 ,

var [y, z] = x;

위 코드의 의미는 var y, var z 라고 선언된 변수에 x의 값[1, 2, 3, 4, 5] 중 앞의 두자리만 할당 한다 라는 의미이다.

따라서 var y= 1, var z = 2가 할당되는것을 알 수 있다.

이 때 만약 var [y, z, ...rest]라고 하면 어떤 값이 나올까?

...은 저번 시간에 공부한 스프레드 연산자로써 배열을 벗기고 다시 배열을 씌워준다는 의미 (깊은복사)를 가지고 있다. 따라서 var y = 1, var z = 2, var rest = [3,4,5]가 출력된다.

중요한점은 변수 y,z는 인덱스로 값을 할당받고 number로 출력이 되지만 rest는 배열로 출력이 된다.