Destructuring

Destructuring

목적: 객체/배열의 값을 편하게 가져오기 위해 사용

const a = {
  b : 1,
  c : {
    d : {seoul : 'lite'}
  }
}

1.console.log({...a})->Object {b: 1, c: Object}
a라는 객체의 key/value만 가져온다.
2.console.log({...a.c}) ->Object {d: Object}
a라는 객체에 있는 c객체의 key/value만 가져온다.
3.console.log({...a.c.d})-> Object {seoul: "lite"}
a객체의 c객체 안에 있는 d객체의 key/value만 가져온다.

let arr = [1,2,3]
let obj = {a:'Seoul',b:'Good'}
1.console.log([...arr]) -> [1, 2, 3]
2.console.log({...arr}) -> Object {0: 1, 1: 2, 2: 3}  
 이 부분이 신기했는데 배열을 가지고 객체 생성이 편리해지는 것 같다 
3.console.log({...obj}) -> Object {a: "Seoul", b: "Good"}
4.console.log([...obj])-> obj는 non-iterable이라 이렇게는 쓸 수없다.

redux에서 reducer를 만들때마다 긴가민가해서 정리하는 내용