[Javascript] Destructuring Assignment (구조분해할당)

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. -MDN

예시를 보면 이해하기 쉽다.

객체 예시

const test = {a:1, b:2, c:3, d:4}

console.log(test.a)  // 1
console.log(test.b)  // 2

const {a,b} = test

console.log(a)  // 1
console.log(b)  // 2

배열 예시

const [a, b, ...c] = [1,2,3,4,5]

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

구조분해 할당은 변수 값 교환에도 사용할 수 있다.

let a = 1
let b = 2

console.log(a)  // 1
console.log(b)  // 2

[a,b] = [b,a]

console.log(a)  // 2
console.log(b)  // 1