구조 분해 할당 (Destructuring Assignment)

부스트캠프 3일차, 자바스크립트 공부도 3일차가 됐다.

ES6의 유용한 문법들 중 '구조 분해 할당' 이란 것이 있었다.

두 변수를 swap 할 때 간단한 방법이 있나 찾아보다가 발견했다.

let a = 3, b = 4;
 
[a, b] = [b, a]
 

간단히 저렇게 하면 swap이 된다 ㄷㄷ

파이썬에서도 저기서 대괄호만 빼고 a,b = b,a 하면 swap이 된다고 한다.

변수를 선언하는 것도 대괄호로 씌워서 하면 된다.

let a,b;
 
[a, b] = [3, 4]
 

함수 리턴값을 바로 할당할 수도 있다. 가운데 값은 무시하고 a = 1, b = 3 이 된다.

const f = ()=>{ return [1,2,3] };
 
let [a, ,b] = f();

이런 것도 할 수 있다.

const f = ()=>{ return [1,2,3,4,5] };
let [a, b, ...rest] = f();
console.log(rest); // rest = [3,4,5]

...rest 이 부분은 'Rest 파라미터'를 알아보면 된다. 

요약하면 할당하고 남은 값들을 배열로 할당한다. 이 역시 ES6의 문법이다.

함수에서도 유용하게 쓸 수 있다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters

구조 분해 할당의 자세한 내용은 다음 페이지에서 확인할 수 있다. 정리가 아주 잘 되어 있다.

아직은 swap 말고는 제대로 활용하지는 않았다 ㅎㅎ 

필요할 때 마다 자주 볼 것 같다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment