JavaScriptで2つの文字列の不一致箇所（相違点）を数える方法

この記事では、2つの文字列を受け取り、対応する位置の文字がどれだけ異なっているか（不一致の数）を求めるJavaScript関数の作り方を解説します。

問題の概要

2つの文字列を先頭から1文字ずつ比較し、同じ位置にある文字同士が一致しない場合に「相違点」としてカウントします。つまり、対応する要素が等しくない場合のみ不一致とみなします。

例として、次の2つの文字列を使います。

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

この2つの文字列を比較すると、「o」と「p」の違い1箇所と、末尾の「!!!」と「111」の違い3箇所を合わせて、合計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));

コードのポイント

• 引数にはデフォルト値として空文字列を設定しているため、引数なしでもエラーにならず安全に呼び出せます。
• forループで1文字目から順番に str1[i] と str2[i] を厳密等価演算子（===）で比較しています。
• 文字が一致していれば continue でスキップし、異なる場合はカウンター count をインクリメントします。

出力結果

コンソールに出力される結果は次のとおりです。

4

5文字目の「o」と「p」、および末尾3文字の「!!!」と「111」がそれぞれ異なるため、合計4という結果になります。