【JavaScript】2番目の文字列から1番目の文字列のすべての文字を削除する方法

概要

特定の順序で並んでいない文字を含む2つの文字列があるとします。ここでは、これらの2つの文字列を受け取り、1番目の文字列に含まれるすべての文字を除外した、2番目の文字列の修正版を返す関数を作成します。

例として、次のような文字列を用意します。

const first = "hello world";
const second = "hey there";

この場合、「hey there」から「hello world」に含まれる文字(h、e、l、o、w、r、d)を取り除くと、結果として「yt」が得られます。

実装の考え方

以下が、1番目の文字列のすべての文字を2番目の文字列から削除する関数です。

const removeAll = (first, second) => {
    const newArr = second.split("").filter(el => {
        return !first.includes(el);
    });
    return newArr.join("");
};

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

• split(""):2番目の文字列を1文字ずつに分解し、配列に変換します。
• filter():includes()メソッドを使い、1番目の文字列に含まれていない文字だけを抽出します。
• join(""):フィルタリング後の配列を再び1つの文字列に結合して返します。

それでは、実際のコードを見てみましょう。

コード例

const first = "hello world";
const second = "hey there";

const removeAll = (first, second) => {
    const newArr = second.split("").filter(el => {
        return !first.includes(el);
    });
    return newArr.join("");
};

console.log(removeAll(first, second));

出力

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

yt

補足

なお、この方法は大文字と小文字を区別します。大文字小文字を無視して削除したい場合は、比較前に両方の文字列をtoLowerCase()などで正規化しておくとよいでしょう。また、頻繁に同じ1番目の文字列に対して処理を行う場合は、Setオブジェクトを使って文字の存在チェックを高速化するのも有効な手段です。