2월14일 - JavaScript 전개구문을 통해 Object 합치기

코드

const target = {
  id: 123,
  title: "Tenet",
  year: 2020,
  genres: ["action", "mind blown"],
};

const updateData = {
  title: "WOW",
  genres: ["none"],
};

console.log({ ...target, ...updateData });

// { id: 123, title: 'WOW', year: 2020, genres: [ 'none' ] }

 

JavaScript에서 두 오브젝트에 대해 {} 안에서 전개 구문을 사용하면

같은 key 값에 대해 뒤의 값으로 덮어씌워진다. 

 

TypeScript 처럼 key 값들을 통제한다는 전제 하에

부분 update 로직(PATCH)에서 사용한다면 유용할듯 싶다.