Destructuring Assignment?

:)2W

오늘도
배워봅니다.

시작

1. Destructuring Assignment

.구조분해할당은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다.

A. 기본문법

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

B. 배열 구조 분해

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 a, b;
[a = 5, b = 7] = [1]
console.log(a) // 1
console.log(b) // 7
let a = 1
let b = 3
[a, b] = [b, a]
console.log(a) // 3
console.log(b) // 1

C. 객체 구조 분해

let o = {p: 42, q: true}
let {p, q} = 0;
console.log(p) // 42
console.log(q) // true
let a, b
({a, b} = {a: 1, b: 2})
let o = {p: 42, q: true}
let {p: foo, q: bar} = o;
console.log(foo) // 42
console.log(bar) // true
let {a = 10, b = 5} = {a: 3}
console.log(a) // 3
console.log(b) // 5
let {a: aa = 10, b: bb = 5} = {a: 3}
console.log(aa) // 3
console.log(bb) //