JavaScriptで文字列内のすべての単語を逆順にする方法

本記事では、文字列を受け取り、元の文字列に含まれるすべての単語を逆順に並べ替えた新しい文字列を返すJavaScript関数の作成方法を解説します。

要件の確認

まず、具体的な例で動作を確認しましょう。次のような元の文字列があったとします。

"Hello World how is it outside"

この場合、期待される出力は以下の通りです。各単語内の文字の順序が反転しますが、単語自体の並び順（位置）は元のまま維持されます。

"olleH dlroW woH si ti edistuo"

実装の考え方

この処理は、以下の手順で実現できます。

• split(" ")：文字列をスペースで分割し、単語ごとの配列を作成する
• map()：配列の各単語に対して反転処理を適用する
• split('').reverse().join('')：各単語を1文字ずつに分解し、順序を逆にしてから再結合する
• join(" ")：処理後の単語をスペースで連結し、最終的な文字列を生成する

コード例

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

const str = 'Hello World how is it outside';
const reverseSentence = str => {
    const arr = str.split(" ");
    const reversed = arr.map(el => {
        return el.split('').reverse().join("");
    });
    return reversed.join(" ");
};
console.log(reverseSentence(str));

出力結果

このコードを実行すると、コンソールには以下のように出力されます。

olleH dlroW woh si ti edistuo

このように、split()・map()・reverse()・join() を組み合わせることで、簡潔かつ読みやすいコードで各単語の反転処理を実装できます。文章全体の単語順は保ちながら、単語ごとに文字を逆順にしたいケースでぜひ活用してください。