본문 바로가기
Language/Javascript

구조 분해 할당

by 노믹 2022. 12. 15.

배열 구조 분해

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

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

선언에서 분리한 할당

변수의 선언이 분리되어도 구조 분해를 통해 값을 할당할 수 있습니다.

let a, b;

[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2

객체 구조 분해

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

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

선언 없는 할당

구조 분해를 통해 변수의 선언과 분리하여 변수에 값을 할당할 수 있습니다.

let a, b;

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

'Language > Javascript' 카테고리의 다른 글

Object.values  (0) 2022.12.16
Reduce  (0) 2022.12.16
클래스(Class)  (0) 2022.12.12
에러 핸들링 (Error handling)  (0) 2022.12.12
객체 리터럴  (0) 2022.12.12