JavaScriptで2つのオブジェクトのプロパティを動的にマージする方法

JavaScriptで2つ以上のオブジェクトのプロパティを1つにまとめたい場合、スプレッド構文（...）を使うのが最もシンプルで効果的な方法です。{ ...object1, ...object2, ...objectN } のように記述するだけで、複数のオブジェクトのプロパティを動的にマージできます。

マージの基本構文

スプレッド構文は、新しいオブジェクトの中に既存のオブジェクトを展開して結合します。なお、同じプロパティ名が複数のオブジェクトに存在する場合は、後ろに記述したオブジェクトの値が優先される点に注意してください。

サンプルコード

以下のコードでは、2つのオブジェクトをスプレッド構文でマージしています。

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

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。

node fileName.js

ここでは、ファイル名を demo307.js としています。

実行結果

このプログラムを実行すると、コンソールに次のような出力が表示されます。

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

補足： Object.assign() を使う方法

ES2015以降の環境では、Object.assign() を使って同様のマージを行うこともできます。

var mergeObject = Object.assign({}, firstObject, secondObject);

どちらの方法でも結果は同じですが、スプレッド構文の方が記述が簡潔で可読性が高いため、現在のモダンなJavaScript開発では広く使われています。