ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で 2 つのオブジェクト配列をマージするにはどうすればよいですか?

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

Susan Sarandon
Susan Sarandonオリジナル
2024-11-17 13:45:02981ブラウズ

How to Merge Two Arrays of Objects in JavaScript?

JavaScript で 2 つのオブジェクト配列を結合する

JavaScript では、単純なメソッドを使用して、オブジェクトの 2 つの配列を 1 つの配列に結合することが簡単に実行できます。

例で説明されているように配列 arr1 と arr2 をマージするには、次の手順に従います。

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

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

Array.prototype.push.append メソッドは、arr2 のすべての要素を追加します。 arr1 の最後まで。これにより、新しい結合された配列が arr1 に保存されます。

このメソッドを利用すると、JavaScript でオブジェクトの配列を簡単に統合できます。追加のライブラリや jQuery 関数は必要ありません。

結果が表示された例の修正バージョンを次に示します。

console.log(arr1); // Output: [{"name":"lang","value":"English"},
// {"name":"age","value":"18"},
// {"name":"childs","value":"5"},
// {"name":"lang","value":"German"}]

このマージ操作は、複数のデータ ソースを 1 つのデータ ソースに結合するシームレスな方法を提供します。オブジェクトの包括的な配列により、手動のループやオブジェクトの構築が不要になります。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。