JavaScriptで文字列内の各単語を反転させる方法

問題の概要

空白（スペース）を含む可能性のある文字列を引数として受け取るJavaScript関数を作成する必要があります。

この関数は、まず文字列をスペースで単語ごとに分割し、それぞれの単語内の文字順序を逆にしてから、再度結合して新しい文字列として返します。

たとえば、入力文字列が次の場合：

const str = 'this is a word';

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

const output = 'siht si a drow';

解決策：split・reverse・joinを活用する

この問題は、文字列操作の基本である split()、reverse()、join() の3つのメソッドを組み合わせることで、簡潔に解決できます。

処理の手順は以下のとおりです。

• split(' ')： 文字列をスペースで区切り、単語の配列を作成する
• reverse()： 各単語をさらに1文字ずつに分解し、配列の要素順を反転させる
• join('')： 反転した文字を連結して、単語の形に戻す

最後に、処理済みの単語配列をスペースで結合すれば完成です。

コード例

const str = 'this is a word';

const reverseWords = (str = '') => {
  const strArr = str.split(' ');
  for (let i = 0; i < strArr.length; i++) {
    let el = strArr[i];
    strArr[i] = el
      .split('')
      .reverse()
      .join('');
  }
  return strArr.join(' ');
};

console.log(reverseWords(str));

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

siht si a drow

補足：mapを使ったより簡潔な書き方

forループの代わりに map() メソッドを使用すると、さらに読みやすく簡潔なコードになります。

const reverseWords = (str = '') =>
  str
    .split(' ')
    .map(word => word.split('').reverse().join(''))
    .join(' ');

console.log(reverseWords('this is a word')); // 'siht si a drow'

どちらのアプローチでも結果は同じですが、map() を使った方法の方が意図が明確で、モダンなJavaScriptらしいスタイルと言えるでしょう。