Destructuring

Destructuring은 사전적 의미로 구조를 분해한다는 의미이다.

일반적으로 배열이나, 객체 처럼 구조를 가진 Object를 쪼개고, 쪼갠 값을 변수에 담아서 사용한다.

1. 배열 Destructuring 

const arr = [1,2,3,4,5];

const [ one, two ] = arr;

console.log(one); //1
console.log(two); //2

이런 식으로 값을 쪼갤 변수를 먼저 만들고, 해당 배열을 일치시켜준다.

2. 객체 Destructuring

객체는 기본적으로 속성에 키, 값을 가진다.

const obj = {
  id: 'dddd',
  pw: '1q2w3e',
}    


const {id} = obj;

console.log(id); //'dddd'

객체는 위와 같은 식으로 쪼개서 변수에 할당한다.

키값을 넣고, 어디서 가져올 것인지 매핑만 시켜주면 된다.

키값을 쪼개서 변수에 넣어주면, 키값에 매핑된 벨류 값을 가져온다.