JavaScriptで2つの文字列に共通しない文字を抽出して返す方法

問題

2つの文字列を引数として受け取るJavaScript関数を作成することを考えます。この関数は、両方の文字列に共通して含まれていない文字、つまりどちらか一方の文字列にのみ存在する文字だけを抜き出し、それらをつなげた新しい文字列を返す必要があります。

たとえば、"xyab" と "xzca" の2つの文字列が与えられた場合、共通する文字は x と a なので、結果として y、b、z、c を連結した "ybzc" を返すことになります。

コード例

以下がその実装コードです。

const str1 = "xyab";
const str2 = "xzca";

const findUncommon = (str1 = '', str2 = '') => {
    const res = [];
    // str1側の文字をチェック
    for (let i = 0; i < str1.length; i++){
        if (!(str2.includes(str1[i]))){
            res.push(str1[i]);
        }
    }
    // str2側の文字をチェック
    for (let i = 0; i < str2.length; i++){
        if (!(str1.includes(str2[i]))){
            res.push(str2[i]);
        }
    }
    return res.join("");
};

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

出力結果

ybzc

コードの解説

このアプローチのポイントは以下の通りです。

• 第1ループ： 文字列 str1 の各文字について、str2.includes() を使って相手側に同じ文字が存在するかどうかを確認します。存在しなければ結果配列に追加します。
• 第2ループ： 同様に、文字列 str2 の各文字が str1 に存在しない場合に結果配列へ追加します。
• 最終処理： join("") によって配列内の文字を1つの文字列として連結し、返却します。

上記の例では、"xyab" のうち str2 に含まれないのは y と b、"xzca" のうち str1 に含まれないのは z と c であるため、出力は "ybzc" となります。

より簡潔に書くなら

filter() メソッドを活用すれば、同じ処理をもっと短く表現できます。

const findUncommon = (str1 = '', str2 = '') =>
    [...str1].filter(c => !str2.includes(c))
     .concat([...str2].filter(c => !str1.includes(c)))
    .join('');

また、文字数が多い場合には Set を使うことで、includes() の線形探索（O(n)）を高速な参照（O(1)）に置き換えられ、パフォーマンスが向上します。