JavaScriptで文字列内の各文字のn番目の出現箇所を置き換える方法

問題の概要

JavaScriptで、第一引数に文字列、第二引数に数値n、第三引数に文字cを受け取る関数を作成する必要があります。この関数は、文字列内の各文字のn番目の出現箇所を第三引数で指定された文字に置き換え、その結果の新しい文字列を返すものです。

実装のアプローチ

この問題は、以下の手順で解決できます。

• split('')メソッドで文字列を1文字ずつ分割する
• reduceメソッドとMapオブジェクトを使い、各文字の出現回数を追跡しながら結果の文字列を組み立てる
• 各文字がn番目に出現したタイミングで、指定された文字に置き換える

コード例

以下が実際のコードです。

const str = 'This is a sample string';
const num = 2;
const char = '*';
const replaceNthAppearance = (str, num, char) => {
    const creds = str.split('').reduce((acc, val, ind, arr) => {
        let { res, map } = acc;
        if(!map.has(val)){
            map.set(val, 1);
            if(num === 0){
                res += char;
            }else{
                res += val;
            }
        }else{
            const freq = map.get(val);
            if(num - freq === 1){
                res += char;
            }else{
                res += val;
            };
            map.set(val, freq+1);
        };
        return { res, map };
    }, {
        res: '',
        map: new Map()
    });
    return creds.res;
}
console.log(replaceNthAppearance(str, num, char));

出力

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

This ***a s*mple string

コードの解説

このコードでは、Mapオブジェクトを使って各文字がこれまでに何回出現したかを記録しています。文字列を1文字ずつ処理する際に、その文字が初めて出現した場合はMapに回数1を登録し、2回目以降の出現では記録された回数を確認します。出現回数がn番目に該当する場合は指定された文字に置き換え、それ以外の場合は元の文字をそのまま追加します。最終的に、reduceの初期値として渡したオブジェクトのresプロパティに、置き換え後の完全な文字列が格納されます。

この例ではnumが2のため、各文字の2回目の出現箇所がすべて「*」に置き換えられています。例えば「This is a sample string」では、2番目の「i」「s」「a」、そして2番目のスペースが「*」に変換されているのが確認できます。