JavaScriptで2つの配列の対応する要素（順序に依存）が一致しているかを確認する方法

今回は、2つの配列の中で一致している値の個数を比較する関数を作成する方法を解説します。ここでの比較は順序に依存するものとします。

つまり、1つ目の配列の最初の要素は、2つ目の配列の最初の要素と比較し、以降も同じように対応する位置同士で比較していくという意味です。

具体例

例えば、次のような2つの入力配列があったとします。

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

この場合、期待される出力は 3 です。実際に一致しているのは、インデックス2（値：4）、インデックス4（値：3）、インデックス7（値：7）の3箇所だけだからです。

解決方法

この問題は、for ループを使って、両方の配列の対応するインデックスにある値を1つずつチェックするだけで簡単に解決できます。

サンプルコード

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

const correspondingEquality = (arr1, arr2) => {
    let res = 0;
    for(let i = 0; i < arr1.length; i++){
        if(arr1[i] !== arr2[i]){
            continue;
        };
        res++;
    };
    return res;
};

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

コードのポイント

• 変数 res をカウンターとして初期化し、一致した要素の数を記録します。
• for ループでインデックス i を順番に走査し、arr1[i] と arr2[i] を厳密等価演算子（!==）で比較します。
• 値が異なる場合は continue でスキップし、一致していれば res をインクリメントします。
• 最後にカウンターの値を返すことで、一致した要素の総数が得られます。

実行結果

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

3

このように、シンプルなループ処理だけで、順序を考慮した配列要素の一致数を効率的に求めることができます。