JavaScriptで2番目の文字列に存在しない文字を最初の文字列から削除する方法

この記事では、2つの文字列を受け取り、1番目の文字列のうち、2番目の文字列にも含まれている文字だけを残した新しい文字列を返すJavaScript関数の実装方法を解説します。

要件の整理

求められている仕様は以下の通りです。

• 関数は2つの文字列を引数として受け取る
• 1番目の文字列から、2番目の文字列に存在しない文字を削除する
• 返される文字列内の文字の出現順序は、元の1番目の文字列と同じ順序を保つ

実装コード

実際のコードは次のようになります。

const str1 = 'abcdefgh';
const str2 = 'banana';
const deleteSelectively = (str1 = '', str2 = '') => {
    let strArr1 = str1.split('');
    const strArr2 = str2.split('');
    const map = {};
    strArr2.forEach(el => {
        map[el] = 1;
    });
    strArr1 = strArr1.filter(el => {
        return map.hasOwnProperty(el);
    });
    return strArr1.join('');
};
console.log(deleteSelectively(str1, str2));

出力結果

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

ab

コードの解説

この実装のポイントは以下の通りです。

• split('')による配列化： 両方の文字列を split('') で1文字ずつの配列に分解し、扱いやすくしています。
• ルックアップ用オブジェクトの作成： 2番目の文字列の各文字をキーとしてオブジェクト map に登録することで、文字が存在するかどうかを O(1) で高速に判定できます。
• filter()による絞り込み： hasOwnProperty() を使って、1番目の文字列の各文字がマップに存在する場合だけを残します。filter() は元の配列の順序を維持するため、出現順序の要件も自然に満たされます。
• join('')による再結合： 最後にフィルタリング済みの配列を文字列に戻して返却します。

この例では、str1 の「abcdefgh」のうち str2「banana」に含まれるのは「a」と「b」だけなので、結果は「ab」となります。