ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で反復せずにキーに基づいてオブジェクトの配列を結合するにはどうすればよいですか?

JavaScript で反復せずにキーに基づいてオブジェクトの配列を結合するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-09 12:40:11
オリジナル
600 人が閲覧しました

How Can I Merge Arrays of Objects Based on a Key Without Iteration in JavaScript?

反復なしでキーに基づいてオブジェクトの配列を結合する

プログラミングでは、多くの場合、複数のソースからのデータを 1 つに結合する必要があります。実在物。この特定のインスタンスでは、マージされた結果を取得するには、共通キー「id」に基づいてマージする必要があるオブジェクトの 2 つの配列があります。

提供された JavaScript コード スニペットは、次のような手段に頼ることなく、このタスクを効率的に実行します。 Object.keys() のような反復メソッド。これがどのように機能するかの詳細は次のとおりです。

  • まず、オブジェクトの入力配列を表す 2 つの配列、arr1 と arr2 を定義します。
  • 次に、map() 関数が適用されます。 ar1. map() の目的は、指定されたコールバック関数を元の配列の各要素に適用して、新しい配列を作成することです。
  • コールバック関数内の構文 Object.assign(destination, ...sources)は、2 つのオブジェクトのプロパティをマージするために使用されます。最初のオブジェクトは宛先で、2 番目のオブジェクトはソースです。
  • この場合、宛先は、{} を使用して作成された空のオブジェクトです。ソースは arr2[i] で、arr2 の対応するオブジェクトを表します。
  • map() 操作の結果、マージされたオブジェクトが新しい配列 arr3 に割り当てられます。
  • 最後に、コンソールは arr3 をログに記録し、マージされた出力を表示します。

このコードは、オブジェクトの 2 つの配列を 1 つの配列に効率的に結合するため、必要がなくなります。面倒な反復方法に。これは、共通キーに基づいてデータを結合するための簡潔かつ簡単なアプローチを提供します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート