【JavaScript】指定した文字で始まる単語だけを反転させる方法

本記事では、文章の文字列と1文字を受け取り、その文字で始まるすべての単語を反転させるJavaScript関数の実装方法を解説します。

課題の内容

たとえば、次のような文字列があったとします。

const str = 'hello world, how are you';

ここで対象となる文字として「h」を指定します。

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

const output = 'olleh world, woh are you';

つまり、「h」で始まる単語(hello と how)だけを逆順にし、それ以外の単語はそのままの形で残すという処理を行います。

実装コード

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

const str = 'hello world, how are you';
const reverseStartingWith = (str, char) => {
    const strArr = str.split(' ');
    return strArr.reduce((acc, val) => {
        if(val[0] !== char){
            acc.push(val);
            return acc;
        };
        acc.push(val.split('').reverse().join(''));
        return acc;
    }, []).join(' ');
};
console.log(reverseStartingWith(str, 'h'));

処理の流れ

このコードの動きを順番に見ていきましょう。

まず split(' ') を使って、元の文字列をスペース区切りで単語ごとの配列に分解します。次に reduce() メソッドで各単語を走査し、先頭の文字(val[0])が指定された文字と一致しない場合は、その単語をそのまま結果の配列へ追加します。

一方、先頭の文字が一致する単語については、split('').reverse().join('') という3つのメソッドを組み合わせることで、単語内の文字を1文字ずつ分解して反転させたうえで再び連結し、結果の配列に追加します。

最後に join(' ') を呼び出して、配列の要素をスペース区切りの1つの文字列に戻して返却すれば完成です。

出力結果

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

olleh world, woh are you

このように、split・reduce・reverseといった標準的な配列メソッドを組み合わせるだけで、条件に合致する単語だけを簡単に反転させることができます。