비구조화 할당 (Destructuring)

전에 썼던게 틀려서 다시 쓴다.

 

const a = candymachine.a;

const b = candymachine.b;

이런식으로 쓰는건 사실 귀찮고 비효율적이다.

이럴 때 쓰는게 비 구조화 할당이다.

 

위의 두줄을 아래처럼 한줄에 표현 가능하다.

const {a,b} =candymachine

 

다만 this가 의도와 다르게 작동하는 경우가 있다는데,

this가 의도와 다르게 작동하는 경우는 아직 잘 모르겠으니 넘어가자.

머 this를 바꿔주는 method를 사용하면 해결된다 카더라

 

배열에도 비구조화 할당을 사용할 수 있다고 한다.

 

원래는 이렇게 작성하던것(내가 지금까지)

const array = ['node',{},10,true];

const node =array[0];

const obj = array[1];

const bool=array[3];

이게 아래의 코드랑 똑같은 코드라고 한다.

const array = ['node',{},10,true];

const [node,obj,,bool]= array;

이렇게하면 node,obj,bool에다가 값을 따라락 다 받아온댄다.

만약 const [node,obj,...bool]= array;

이렇게하면 bool에 [10,true]가 찍힌다. 나머지의 의미라서 그렇다.

지난번에 이게뭐지 하고서 점이 세개니까 세개를 가져오는것인가? 하고 삽질했던 기억이 난다 시발

 

이거 디스트럭쳐링 리엑트 살짝 볼때 살짝 나왔던건데 그때는 뭐지?했었는데 이제 이해가 된다.

음~ 커피가 너무 쓰다. 쑹씰마루 커피는 주변 가게에 비교해 점수를 주자면 4점이다. 100점만점에