jQuery/JavaScript を使用して 2 つの JavaScript 配列オブジェクトを比較するにはどうすればよいですか?

JavaScript では、配列はキーとしてのインデックスと、配列オブジェクトの特定のキーの値としての配列値を持つオブジェクトです。場合によっては、2 つの配列が同じかどうかを確認する必要があります。

私が思いつく最初の解決策は、等号演算子を使用して array1 == array2 のように比較することです。おっとっと！配列はオブジェクトであり、JavaScript では 2 つのオブジェクトを直接比較できないため、これは機能しません。したがって、配列の各要素を比較する必要があります。

このチュートリアルでは、2 つの JavaScript 配列オブジェクトを比較するさまざまな方法を学習します。

JavaScript の sort() メソッドを使用して、すべての要素を比較します

sort() メソッドを使用すると、JavaScript で配列値を並べ替えることができます。その後、for ループを使用して、配列内の各インデックスの要素を比較できます。いずれかのインデックスの要素が一致しない場合、2 つの配列オブジェクトは異なると言えます。

＃＃＃構文＃＃＃

ユーザーは、sort() メソッドと for ループを使用して、次の構文に従って 2 つの配列オブジェクトを比較できます。

リーリー ＃＃＃アルゴリズム＃＃＃

ユーザーは以下のアルゴリズムに従って操作することができます。

ステップ 1

-sort() メソッドを使用して両方の配列を並べ替えます。

• ステップ 2 - 2 つの配列の長さを比較します。長さが同じでない場合は、2 つの配列が同じではないことを示す false を返します。

• ステップ 3 -2 つの配列の長さが同じ場合は、for ループを使用して 2 つの配列を走査します。

• ステップ 4 -すべてのインデックスで両方の配列の要素を比較し、インデックスの要素が一致しない場合は false を返します。

• ステップ 5 - 両方の配列のすべての要素が一致する場合、2 つの配列は同一です。

• ＃＃＃例＃＃＃

  次の例では、2 つの数値配列を作成し、sort() メソッドを使用してそれらを並べ替えます。次に、for ループを使用して 2 つの配列の各要素を比較します。 出力では、両方の配列に同じ値が含まれているため、両方の配列が同じであることがわかります。

  リーリー
forEach ループとindexOf() メソッドを使用する

forEach ループを使用して、すべての配列要素を反復処理できます。indexOf() メソッドは、配列内で最初に出現する要素を検索し、参照配列にその要素が含まれていない場合は -1 を返します。

＃＃＃構文＃＃＃

ユーザーは、forEach ループと IndexOf() メソッドを使用して、次の構文に従って 2 つの配列オブジェクトを比較できます。

リーリー ＃＃＃アルゴリズム＃＃＃

このアルゴリズムでは、最初のアプローチのように配列を並べ替える必要はありません。

ステップ 1

- 2 つの配列の長さが同じかどうかを確認し、同じでない場合は false を返します。

ステップ 2

-長さが同じ場合は、forEach() ループを使用してすべての要素を繰り返し処理します。

• ステップ 3

  -配列 1 の各要素について、indexOf() メソッドを使用して、配列 2 に存在するかどうかを確認します。

• ステップ 4

  - IndexOf() メソッドがいずれかの要素に対して -1 を返した場合、それは 2 つの配列が同じではないことを意味します。

  ＃＃＃例＃＃＃
以下の例では、ユーザーがボタンをクリックすると、compareArray() 関数が呼び出されます。compareArray() 関数は、文字列要素の 2 つの配列を比較します。

• 出力では、2 つの配列の値が異なるため、ユーザーは 2 つの配列が同じではないことがわかります。 リーリー JavaScript で 2 つの配列を比較する 2 つの異なる方法を学びました。ユーザーは最初の方法を使用して重複値を含む配列を比較できますが、2 番目の方法は一意の値を含む配列の比較にのみ適しています。

また、ユーザーは JSON.stringify() メソッドを使用して、オブジェクトの配列と並べ替えられた配列を比較できます。

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