자바 스크립트의 구조 분해 할당

😎 unpack values from arrays, or properties from objects

💎 기본형

const user = {
  name: 'kaziu',
  age: 87
}

let { name } = user
console.log(name) // "kaziu"

const user = {
  name: 'kaziu',
  age: 87
}

let { name } = user

name = 'pikachu' // ⭐⭐ add it
console.log(user) // ❓❓❓❓❓❓❓❓❓❓

💎 설명

1.

const user = {}

2.

const user = {
  name: 'kaziu'
}

삼.

const user = {
  name: 'kaziu',
  age: 87
}

let { name } = user // ⭐⭐ Now add it and then ...?

4.

const user = {
  name: 'kaziu',
  age: 87
}

let { name } = user
name = 'pikachu'

console.log(user.name) // 'kaziu'

💎 깊은 계층 개체는 어떻습니까?

const user = {
  name: {
    first: 'kaziu',
    last: 'suzuki'
  }
}

let { name } = user
console.log(name) // { first: 'kaziu', last: 'suzuki' }

name.first = 'pikachu'
console.log(user)
// { name: { first: 'pikachu', last: 'suzuki' } }
// ⭐⭐ original object changes from `kaziu` to `pikachu` !!!