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

2 つの JavaScript オブジェクト配列の違いを効率的に見つけるにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-09 10:04:08
オリジナル
931 人が閲覧しました

How Can I Efficiently Find the Differences Between Two JavaScript Object Arrays?

JavaScript での 2 つのオブジェクト配列の違いの確認

JavaScript では、オブジェクトの 2 つの配列の違いを確認する必要が生じる場合があります。 。たとえば、2 つの結果セットがあり、それらを比較して、一方にのみ存在し、もう一方には存在しないオブジェクトを識別したいとします。

これを実現するには、ネイティブ JS 関数とカスタム関数を組み合わせて利用できます。比較関数。その方法は次のとおりです:

  1. 比較関数を定義します:

    const isSameUser = (a, b) => a.value === b.value && a.display === b.display;
    ログイン後にコピー

この関数は、 2 つのオブジェクトは、その「値」と「表示」に基づいて同等です。 property.

  1. 'onlyInLeft' 関数を使用します:

    const onlyInLeft = (left, right, compareFunction) => 
      left.filter(leftValue =>
     !right.some(rightValue => 
       compareFunction(leftValue, rightValue)));
    ログイン後にコピー

この関数は 3 つの引数を取ります。配列、右側の配列、および比較関数。定義された比較関数に基づいて、右側の配列に対応する要素を持たない左側の配列の要素がフィルターで除外されます。

  1. 「onlyInLeft」関数を使用して相違点を見つける:

    const onlyInA = onlyInLeft(a, b, isSameUser);
    const onlyInB = onlyInLeft(b, a, isSameUser);
    ログイン後にコピー

このコードは'onlyInLeft' 関数を 2 つの配列に適用し、比較関数を使用して違いを確認します。

  1. 最終結果を作成します:

    const result = [...onlyInA, ...onlyInB];
    ログイン後にコピー

最後に、'result' 配列には、1 つの配列には存在するが存在しないオブジェクトが含まれます。もう一方では。

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

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