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

本記事では、2つの2次元配列（配列の中に配列が入った構造）を受け取り、両者が等しいかどうかを真偽値（boolean）で返すJavaScript関数の作成方法を解説します。

2次元配列が「等しい」とは？

ここでは、次の2つの条件を満たす場合に「等しい」と判断します。

• 両方の配列が同じ行数・列数を持っていること
• すべての行インデックス i と列インデックス j について、arr1[i][j] === arr2[i][j] が true になること

つまり、対応するすべての要素が完全に一致して初めて「等しい」とみなされ、1つでも異なる要素が存在すれば false を返します。

実装例

実際のコードは次のとおりです。

const arr1 = [
  [1, 1, 1],
  [2, 2, 2],
  [3, 3, 3],
];
const arr2 = [
  [1, 1, 1],
  [2, 2, 2],
  [3, 3, 3],
];
const areEqual = (first, second) => {
  const { length: l1 } = first;
  const { length: l2 } = second;
  if (l1 !== l2) {
    return false;
  }
  for (let i = 0; i < l1; i++) {
    if (first[i].length !== second[i].length) {
      return false;
    }
    for (let j = 0; j < first[i].length; j++) {
      if (first[i][j] !== second[i][j]) {
        return false;
      }
    }
  }
  return true;
};
console.log(areEqual(arr1, arr2));

コードのポイント

まず、分割代入を使って外側の配列（＝行数）の長さを取得し、行数が異なれば即座に false を返します。次に、各行ごとに要素数（列数）の一致を確認してから、ネストしたループで対応する要素を厳密等価演算子（===）で1つずつ比較していきます。

不一致の要素が見つかった時点で false を返すため、それ以降の不要なループ処理をスキップでき、効率的に動作します。すべての要素の比較が完了すれば、最後に true を返します。なお、ループ変数は let で宣言することで、意図しないグローバル変数の生成を防いでいます。

出力結果

コンソールには次のように表示されます。

true