[Intermediate] 데이터 - 구조 분해 할당

1. 데이터 - 구조 분해 할당

1) 구조 분해 할당(Destructing assignment)

비구조화 할당을 의미하며, 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식

객체 데이터

const user = {
  name: 'Orosy',
  age: 33,
  email: hanei100@naver.com
}
const { name, age, email, address, nationality = 'Korean' } = user
// E.g user.address

console.log(`사용자의 이름은 ${name}입니다.`)
// 값: 사용자의 이름은 Orosy입니다.
console.log(`${name}의 나이는 ${age}세입니다.`)
// 값: Orosy의 나이는 33세입니다.
console.log(`${name}의 이메일 주소는 ${email}입니다.`)
// 값: Orosy의 이메일 주소는 hanei100@naver.com입니다.
console.log(address)
// 값: undefined
console.log(nationality)
// 값: Korean, 할당 연산자를 통해 기본값 지정 가능

const { name: orosy }  = user
console.log(orosy) // 값: Orosy, 콜론을 통해 속성에 개별 변수 지정 가능
console.log(name) // 값: ReferenceError: name is not defined

배열 데이터

const fruits = ['Apple', 'Banana', 'Cherry']
const [a, b, c, d] = fruits
console.log(a, b, c, d)
// 값: Apple Banana Cherry undefined

const [, b] = b // 쉼표를 이용하여 순서를 나타내 배열 데이터 구조 분해 후 추출 가능
console.log(b) = Banana

const [, , c] = c
console.log(c) = Cherry