[js] 객체 복사: Object.assign vs. object spread

object spread는 항상 새로운 객체를 생성함

const a = { name: 'Joe Bloggs' }
const b = { ...a, age: 27 };

console.log(a === b) //=> false

 

Object.assign은 이미 존재하는 객체를 mutate하게도 가능함

const a = { name: 'Joe Bloggs' }
const b = Object.assign(a, { age: 27 });

console.log(a === b) //=> true

Object.assign을 활용해서 객체를 복사하려면 첫 번째 파라미터로 빈 객체를 넣으면 된다.

const a = { name: 'Joe Bloggs' }
const b = Object.assign({}, a, { age: 27 });

console.log(a === b) //=> false

 

Recap

object spread는 이미 존재하는 객체를 변화하지 않기 때문에 Object.assign보다 더 안전하고 간결하다. 따라서 object spread를 쓰도록 하자!

 

 

 

 

 

 

 

---

참고 자료

https://stackoverflow.com/questions/38462000/difference-between-object-assign-and-object-spread

Difference between Object.assign and object spread