[Javascript] 3개 이상 객체 합치기 - Object.assign()

JavaScript에서는 여러 객체를 합치는 방법으로 Object.assign() 메서드를 사용할 수 있습니다. 

이 메서드는 첫 번째 인자로 전달된 객체에 다른 객체의 프로퍼티를 복사합니다. 두 번째 인자부터 전달된 인자들은 복사하고자 하는 프로퍼티를 가지고 있는 객체들입니다.

예를 들어, 아래와 같이 3개의 객체가 있다고 가정해보겠습니다.

const person1 = {
  name: 'John',
  age: 30,
};

const person2 = {
  address: '123 Main St',
  phone: '555-1234',
};

const person3 = {
  city: 'New York',
  state: 'NY',
};

 

이 객체들을 합치려면 Object.assign() 메서드를 사용하여 아래와 같이 작성할 수 있습니다.

mergedPerson 객체는 person1, person2, person3 객체의 모든 프로퍼티를 가진 객체가 됩니다.

const mergedPerson = Object.assign(person1, person2, person3);

 

 

mergedPerson 객체를 출력해보면 아래와 같이 나타납니다.

See the Pen javascript - 객체 3개 합치기 by saladent (@saladent) on CodePen.