JavaScriptで2つの文字列の相違点（不一致文字数）をカウントする方法

はじめに

本記事では、2つの文字列を受け取り、対応する位置の文字が異なる箇所の数を求めるJavaScript関数を作成します。対応する文字同士が一致していない場合、その箇所を「相違点」としてカウントする仕組みです。

比較対象となる文字列の例

今回は、以下の2つの文字列を比較してみます。

const str1 = 'Hello world!!!';
const str2 = 'Hellp world111';

一見よく似ていますが、よく見ると5文字目が「o」と「p」で異なり、さらに末尾の3文字も「!!!」と「111」で異なっています。つまり、相違点は合計4箇所あることになります。

サンプルコード

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

const str1 = 'Hello world!!!';
const str2 = 'Hellp world111';

const dissimilarity = (str1 = '', str2 = '') => {
    let count = 0;
    for(let i = 0; i < str1.length; i++){
        if(str1[i] === str2[i]){
            continue;
        };
        count++;
    };
    return count;
};

console.log(dissimilarity(str1, str2));

コードの解説

この関数の処理の流れは以下のとおりです。

1. カウンター用の変数 count を 0 で初期化します。
2. for ループで str1 の各文字を先頭から順番に走査します。
3. 各位置で str1[i] と str2[i] を比較し、一致していれば continue で次の繰り返しへスキップします。
4. 一致しなかった場合のみ count をインクリメントします。
5. ループが完了したら、相違点の総数である count を返り値として返します。

注意点

この実装は str1.length を基準にループしているため、str2 の方が長い場合、はみ出した部分はカウントされません。より堅牢にしたい場合は、Math.max(str1.length, str2.length) までループ範囲を広げるのがおすすめです。

出力結果

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

4