ホームページ > ウェブフロントエンド > jsチュートリアル > ID フィールドに基づいて JavaScript オブジェクトを効率的にマージするにはどうすればよいですか?

ID フィールドに基づいて JavaScript オブジェクトを効率的にマージするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-04 05:23:10
オリジナル
586 人が閲覧しました

How Can I Efficiently Merge JavaScript Objects Based on an ID Field?

ID フィールドに基づいた JavaScript でのオブジェクトの結合

複数の配列のデータを結合することは、JavaScript 開発における一般的なタスクです。オブジェクトを含む配列を扱う場合、「id」フィールドなどの特定のフィールドに基づいて配列を結合する必要があります。

「id」フィールドに基づいてオブジェクトの配列を結合するには、次の強力なアプローチを使用します。 ES6 スプレッド演算子を使用できます:

const a3 = a1.map((t1) => ({
  ...t1,
  ...a2.find((t2) => t2.id === t1.id),
}));
ログイン後にコピー

このスニペットでは:

  • a1 と a2 は入力を表します
  • map() メソッドは a1 の各項目を反復処理します。
  • a1 の各項目 t1 に対して、匿名のアロー関数が実行されます。
  • 内アロー関数、スプレッド演算子 (...) は、新しいオブジェクトの作成に使用されます。
  • 最初のドットのセットはプロパティをマージします。
  • 2 番目のドットのセットは、t1 と同じ「id」を持つ a2 で見つかった要素のプロパティをマージします。 find() メソッドは、a2 で一致するものを検索します。
  • 結果の a3 配列には、マージされたオブジェクトが含まれます。

このアプローチを使用すると、「count」プロパティが既存の "マージされた配列 a3 内の各オブジェクトの「name」プロパティ。この手法は、任意のフィールドに基づいてオブジェクトを結合するように拡張でき、JavaScript でデータを結合するための簡潔かつ効率的な方法を提供します。

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

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