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

JavaScript オブジェクトはどのように結合できますか?

JavaScript でオブジェクトを結合するには、複数のオブジェクトのプロパティを単一の統合オブジェクトに結合する必要があります。これを実現するために、特定の JavaScript バージョンと要件に適したいくつかのメソッドが利用可能です。

組み込みメソッド

ECMAScript 2018 標準メソッド: オブジェクト スプレッドを利用し、オブジェクトをマージするための新しい構文は次のとおりです:

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

この構文はobj1 と obj2 のプロパティを組み合わせた新しいマージされたオブジェクト。 obj2 のプロパティは obj1 のプロパティを上書きします。

ECMAScript 2015 標準メソッド: Object.assign() を使用してオブジェクトをマージできます:

Object.assign(obj1, obj2);

Object.assign( ) obj1 をその場で変更し、obj2 のプロパティをそれにマージします。スプレッド演算子の場合と同様、後のプロパティは前のプロパティを上書きします。

ES5 以前のメソッド

ES5 より前の JavaScript バージョンの場合、簡単なアプローチは次のとおりです。

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

このループは、obj2 のプロパティを反復処理して obj1 に割り当て、オブジェクトを効果的にマージします。

カスタム関数

カスタム関数も使用できます。

function merge_options(obj1, obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

この関数は、obj1 と obj2 を反復処理して、obj3 にプロパティを追加することにより、新しいオブジェクト obj3 を作成します。

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