Destructuring Assignment 은 구조 분해 할당이라 한다

자 여기서 구조 분해 할당이란?

구조 분해 할당이란, 객체나 배열을 분해하여 각 속성을 개별적으로 할당하는 것을 말한다.
구조 분해 할당, 혹은 비구조화 할당이라고 부른다.

첫번째 객체

객체를 구조 분해하여 원하는 속성만 꺼내서 사용할 수 있는데 예를들면 이렇다

ex

const user = {
   name: 'Hope',
   age: 27,
   email: 'hope772948@gmail.com'
}
const { name, age, email, address } = user // user.email과 동일

console.log(`사용자의 이름은 ${name}입니다.`)
console.log(address) // undefined

여기서 해당 name들을 $ 사인과 중괄호를 사용해 객체를 꺼내 출력할 수 있는것이다.

Default 값 설정하기

객체 내에 해당하는 값이 없을 경우 =(등호) 를 사용하여 Default 값을 설정해준다.

ex

const {name, age, email, address = 'Korea'} = user`

배열

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

배열 중에서 원하는 요소만 추출하고 싶을 경우 - 변수명을 입력하지 않고 , 만 이용
const [, b] = fruits // Banana만 추출
console.log(b) // Banana
출처: https://beforb.tistory.com/12 [Sujinhope's Devlog:티스토리]