【JavaScript】文字列のn番目の出現箇所を削除・置換するポリフィルの作成方法

今回は、文字列からn番目に出現する部分文字列を削除（置換）できるポリフィル関数 removeStr() を作成してみましょう。この関数は、以下の引数を受け取ります。

• subStr … 削除対象となる部分文字列
• num … 何番目の出現箇所を削除するかを指定する数値

この関数は、部分文字列の削除に成功すれば新しい文字列を返し、失敗した場合はすべてのケースで -1 を返す仕様です。

たとえば、次のような呼び出しを行います。

const str = 'drsfgdrrtdr';
console.log(str.removeStr('dr', 3));

この場合の期待される出力は以下のとおりです。

'drsfgdrrt'

それでは、実際にコードを書いていきましょう。

コード例

const str = 'drsfgdrrtdr';
const subStr = 'dr';
const num = 2;

removeStr = function(subStr, num){
    if(!this.includes(subStr)){
        return -1;
    }
    let start = 0, end = subStr.length;
    let occurences = 0;
    for(; ;end < this.length){
        if(this.substring(start, end) === subStr){
            occurences++;
        };
        if(occurences === num){
            return this.substring(0, start) + this.substring(
            end, this.length);
        };
        end++;
        start++;
    }
    return -1;
}
String.prototype.removeStr = removeStr;
console.log(str.removeStr(subStr, num));

出力結果

このコードをコンソールで実行すると、次のように表示されます。

drsfgrtdr

コードの解説

• removeStr() 関数は、まず subStr が文字列内に一度も出現しない場合に備えて、その時点で -1 を返して処理を終了します。

• 次に、スライディングウィンドウ（尺取り）アルゴリズムを使って、文字列中における subStr の出現回数を数えていきます。ここでウィンドウのサイズは、部分文字列の長さと同一になります。

• 処理は最も左側のウィンドウから開始し、ウィンドウの終端が元の文字列の末尾に到達するまで順番にスライドさせていきます。

• 走査の途中で出現カウントが指定された番号（num）と一致したら、その該当箇所を文字列から切り取り、結合した新しい文字列を返します。

• 文字列全体を最後まで走査しても条件が満たされなければ、subStr が必要な回数だけ存在しないことになるため、-1 を返して関数を終了します。

最後に、removeStr を String.prototype に登録することで、組み込みメソッドと同じように、任意の文字列から直接呼び出せるようになります。
なお、ネイティブプロトタイプを拡張する際は、既存コードとの名前衝突に注意し、実務では Object.defineProperty() で列挙不可にするなどの配慮を行うと安全です。