[자바스크립트] 비구조화 할당/구조분해 할당 문법 const [a, b]

 

비구조화 할당이란?

• 배열이나 객체 속성을 해체하여 개별 변수에 값을 담을 수 있는 JavaScript 표현식
• 비구조화 할당 또는 구조 분해 할당이라고 함
• 비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현
• 객체의 경우 { }를 사용하고 배열의 경우 [ ]를 사용

 

예시)

객체 구조 할당

const o = { p: 42, q: true };
const { p, q } = o;

console.log(p); // 42
console.log(q); // true

 

배열  구조 할당

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

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

 

선언없는 구조 할당

const =  a, b;

({ a, b } = { a: 1, b: 2 });