JavaScript에서 두 객체의 속성을 동적으로 병합하는 방법

JavaScript에서 두 객체의 속성을 하나로 합치려면 스프레드 연산자(spread operator)인 ...을 활용하면 됩니다. {...object1, ...object2}와 같은 형태로 작성하면 각 객체의 모든 속성이 하나의 새로운 객체로 깔끔하게 병합됩니다.

예제

다음은 두 객체의 속성을 병합하는 코드입니다.

var firstObject = {
    firstName: 'John',
    lastName: 'Smith'
};
var secondObject = {
    countryName: 'US'
};
var mergeObject = {...firstObject, ...secondObject};
console.log(mergeObject);

위 프로그램을 실행하려면 터미널에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo307.js라고 가정하겠습니다.

출력 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

PS C:\Users\Amit\javascript-code> node demo307.js
{ firstName: 'John', lastName: 'Smith', countryName: 'US' }

참고 사항

병합 과정에서 두 객체에 동일한 키(key)가 존재할 경우, 뒤에 작성된 객체의 값이 앞선 값을 덮어쓰게 됩니다. 또한 ES5 환경 등 스프레드 연산자를 지원하지 않는 경우에는 Object.assign({}, firstObject, secondObject) 메서드를 대안으로 사용할 수 있습니다.