2 つの JavaScript オブジェクトをマージするにはどうすればよいですか?

2 つの JavaScript オブジェクトのプロパティを結合する方法

JavaScript には、オブジェクトを直接結合するためのネイティブ メソッドが提供されていません。ただし、このタスクを実行するにはいくつかの方法があります。

ECMAScript 2018 標準メソッド

ES2018 以降では、オブジェクト スプレッド構文を使用してオブジェクトを結合できます。次のコード:

let merged = {...obj1, ...obj2};

obj2 のプロパティは、 obj1 内のそれらを上書きします。同じ構文を使用して複数のオブジェクトを結合できます。

ECMAScript 2015 (ES6) 標準メソッド

ES6 には、オブジェクトを結合するための Object.assign() メソッドが用意されています。最初の引数はターゲット オブジェクトで、後続の引数はプロパティがターゲットにコピーされるオブジェクトです:

Object.assign(obj1, obj2);

// Merge multiple objects
const allRules = Object.assign({}, obj1, obj2, obj3);

ES5 以前のメソッド

ES5 以前の場合、次のループを使用してオブジェクトをマージできます:

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

これは単に追加しますobj2 のすべての属性を obj1 に追加し、既存のプロパティを上書きする可能性があります。

補足事項

• Object.assign() は参照によってオブジェクトをマージしますが、スプレッドは構文は新しいオブジェクトを作成します。
• マージをさらに制御する必要がある場合このプロセスでは、この目的のためにカスタム関数を作成できます。

以上が2 つの JavaScript オブジェクトをマージするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。