JavaScriptで文字列内の隣接する単語を入れ替える方法

本記事では、文字列を受け取り、その文字列内の隣接する単語同士を入れ替えるJavaScript関数の作成方法を解説します。

処理の概要

例えば、次のような入力文字列が与えられたとします。

const str = "This is a sample string only";

この場合、期待される出力は以下のようになります。

"is This sample a only string"

ご覧のとおり、隣り合う単語が2つずつペアになって入れ替えられています。それでは、この関数のコードを見ていきましょう。

実装コード

以下がそのコードです。

const str = "This is a sample string only";
const replaceWords = str => {
   return str.split(" ").reduce((acc, val, ind, arr) => {
      if(ind % 2 === 1){
         return acc;
      }
      acc += ((arr[ind+1] || "") + " " + val + " ");
      return acc;
   }, "");
};
console.log(replaceWords(str));

コードの解説

この関数の仕組みは以下のとおりです。

1. split(" ")で文字列を分割
まず、split(" ")メソッドを使って、入力文字列をスペース区切りで単語の配列に変換します。上記の例では ["This", "is", "a", "sample", "string", "only"] という配列が生成されます。

2. reduce()で配列を走査
次に、reduce()メソッドで配列を先頭から順に処理します。コールバック関数の第3引数 ind（現在のインデックス）が奇数の場合、その単語は直前の単語とすでにペアとして処理済みなので、そのままアキュムレータを返してスキップします。

3. 偶数インデックスで単語を入れ替え
インデックスが偶数の場合は、次の単語（arr[ind+1]）を先に、現在の単語（val）を後に連結することで、隣接する2つの単語を入れ替えます。なお、配列の末尾で次の単語が存在しない場合に備え、arr[ind+1] || "" というフォールバック処理を入れることで、単語数が奇数の文字列でもエラーなく動作します。

出力結果

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

is This sample a only string

このように、split()とreduce()を組み合わせることで、簡潔かつ効率的に隣接単語の入れ替え処理を実装できます。