[JS] Destructuring Assignment

은채·2022년 6월 21일
0

JavaScript

목록 보기
14/26
post-thumbnail

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

let age, name
[age, name] = [10, "흰둥이"];

console.log(age);
// expected output: 10

console.log(name);
// expected output: '흰둥이'

할당문의 좌변에서 사용하여, 원래 변수에서 어떤 값을 분해해 할당할지 정의

let x = [1, 2, 3, 4, 5];
let [y, z] = x;
console.log(y); // 1
console.log(z); // 2

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

let a, b;

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

변수에 기본값을 할당하면, 분해한 값이 undefined일 때 그 값을 대신 사용

let a, b;

[a=5, b=7] = [1];
console.log(a); // 1
console.log(b); // 7
profile
반반무마니

0개의 댓글