Object.assign _TIL(54)

1. 어떻게 알게 되었나📝

전에 만들었던 프로젝트에서 다른 팀원분이 짠 코드를 보고 있던 중에 Object.assign이라는 코드를 봤다.

뭔가...가져오는것같은데 뭘까하고 보니까 얕은복사를 할 수 있는 코드 였다.

항상 ...spread문법을 주로 써왔어서 이런 것도 있었구나 라고 알게되었다.

 

2.어떻게 쓰는가❓

Object.assign(arr,[src1,src2,src3...])

 이런구조로 쓰인다.

  1) arr은 복사한값을 다가지고 나올 결과 객체이다.
  2)[src1,src2,src3....] : 몇개가 와도 상관없다 복사하고자하는 객체
  =>src의 프로퍼티들이 arr에 복사가 된다.

3.응용하자면?

// 값을 병합하는 코드예시

let user = {name:"John"};

let per1 ={age :30 }
let per2 ={married : true}

Object.assign (user,per1,per2);
  //user = {name : "John" , age : 30, married : true }

  ** 만약에 가져온 값과 기존의 객체에 같은 값이 있다면 가져온 값으로 대체가 된다!

 

프로젝트에서 사용할꺼 생각해보면 목데이터를 한꺼번에 가져와서 변수에 담을때 좋을 듯..

다음번에 꼭 써봐야지👍

 

4. 🔥얻은 점

굳이 반복문으로 돌려서 하나씩 복사할 필요 없이 간단하게 가져올 수 있다.

코드가 좀 더 깔끔해질듯

리액트도 중요한거 알지만 확실히 자바스크립트 공부를 열심히 해야겠다라는 마음이 생겨서 하루에 시간을 투자 중이다.

그리고 다른 분들이 만든 코드를보면서 다시 리뷰해보는것도 얼마나 중요한지 알게됨.