Array.prototype.push.apply() を使用して JavaScript でオブジェクトの 2 つの配列をマージするにはどうすればよいですか?

オブジェクトの 2 つの配列のマージ: JavaScript ソリューション

JavaScript でオブジェクトの配列をマージするのは一般的なタスクです。ここでは、組み込み関数 Array.prototype.push.apply() を使用して、これを実現するためのシンプルかつ効率的な方法を検討します。

サンプル シナリオを考えてみましょう。

var arr1 = [{name: "lang", value: "English"},{name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];

私たちの目標は、次のとおりです。次のコマンドを使用して、これら 2 つの配列を arr3 という名前の単一の配列にマージします。 content:

var arr3 = [{name: "lang", value: "German"},{name: "age", value: "18"},{name : "childs", value: '5'}];

jQuery の $.extend() の使用は、目的の出力が提供されないため、ここでは適切ではありません。代わりに、次のコードを使用します。

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);

このコードは基本的に、arr2 の要素を arr1 の末尾に追加します。結果は、マージされたオブジェクトを含む単一の配列であり、重複した「lang」オブジェクトは後者の値で置き換えられます。

取得される出力は次のとおりです。

[{"name":"lang","value":"English"},{"name":"age","value":"18"},{"name":"childs","value":"5"},{"name":"lang","value":"German"}]

この出力は、目的の配列と一致します。 arr3、元の 2 つのオブジェクト配列を効果的にマージします。

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