JavaScriptで2つの配列が等しいかどうかを判定する方法

はじめに

本記事では、2つの配列を受け取り、対応する要素同士を順番に比較して、すべての要素が一致していれば true を、1つでも異なる要素があれば false を返すJavaScript関数の作成方法を解説します。

アプローチ

配列の同等性をチェックする際は、以下の手順で処理を行うのが基本的な考え方です。

• まず、両方の配列の長さを比較します。長さが異なる場合は、その時点で false を返せば十分です。
• 次に、ループを使って各インデックスの要素を厳密等価演算子（===）で比較し、不一致が見つかった時点で false を返します。
• ループが最後まで完了し、すべての要素が一致していれば、最終的に true を返します。

早期リターンを活用することで、無駄な比較を避け、効率的に判定できます。

コード例

以下は実際の実装例です。

const arr1 = [1, 4, 5, 3, 5, 6];
const arr2 = [1, 4, 5, 2, 5, 6];

const areEqual = (first, second) => {
   // 長さが異なれば等しい配列ではない
   if (first.length !== second.length) {
      return false;
   }

   for (let i = 0; i < first.length; i++) {
      // 要素が一致していれば次へ進む
      if (first[i] === second[i]) {
         continue;
      }
      // 一致しない要素があれば false を返す
      return false;
   }

   return true;
};

console.log(areEqual(arr1, arr2));

出力結果

コンソールには以下のように出力されます。

false

解説

この例では、arr1 の4番目の要素は「3」であるのに対し、arr2 の4番目の要素は「2」と異なっています。そのため、ループ内で不一致が検出された時点で false が返され、それ以降の要素は比較されません。

なお、配列同士を == や === で直接比較しても、参照先が異なる限り必ず false になるため、このように要素を1つずつ比較する関数が必要になります。より簡潔に書きたい場合は、every() メソッドを使う方法もあります。