Destructuring Assignment

Destructuring Assignment (구조 분해할당) 이란 무엇인가?

구조 분해 할당 문법은 배열 혹은 객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해 줍니다.

배열(array)에서의 구조 분해 할당

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

구조 분해 할당이라고 해서 특별한 문법적 형태가 다른 것이 아니라, 위처럼 할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식으로 작성하면 됩니다.

배열 [10, 20] 이 분해되어 각각 a, b에 담긴 것입니다.

물론 아래와 같이 미리 저장해 둔 배열로부터 구조 분해 할당하는 형태도 당연히 가능합니다.

let array = [1, 2, 3];
let [a, b, c] = array;
console.log(a, b, c); // 1 2 3

출처:
https://chanhuiseok.github.io/posts/js-10/
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

(영문 해석)

What is Destructuring Assignment?

• Destructuring assignment is a special syntax that allows us to “unpack” arrays or objects into a bunch of variables, as sometimes that’s more convenient.
• Destructuring also works great with complex functions that have a lot of parameters, default values, and so on. Soon we’ll see that.

(Important) “Destructuring” does not mean “destructive”.
It’s called “destructuring assignment,” because it “destructurizes” by copying items into variables. But the array itself is not modified._

Source: https://javascript.info/destructuring-assignment