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

JavaScriptでは、文字列を受け取り、文字列の末尾に達するまで隣接する単語同士を入れ替えていく関数を求められることがあります。本記事では、split()とreduce()を組み合わせて、この処理を簡潔に実装する方法を解説します。

実装例

以下のコードは、与えられた文字列内の隣接する単語を順に入れ替える関数の実装例です。

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(" ")を使って、文字列をスペース区切りで配列に変換します。例えば"This is a sample string only"は、["This", "is", "a", "sample", "string", "only"]という配列になります。

2. reduce()でペアを作り直す

reduce()の内部では、インデックス（ind）が奇数の場合はスキップし、偶数の位置にある単語とその次の単語（arr[ind+1]）を入れ替えた順序で連結していきます。

3. 奇数個の場合への対応

単語数が奇数の場合、最後の単語には「次の単語」が存在しないため、(arr[ind+1] || "")というフォールバック処理で空文字を代入しています。これによりエラーを防ぎつつ、余った単語をそのまま末尾に追加できます。

出力結果

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

is This sample a only string

元の文字列「This is a sample string only」に対して、「This」と「is」、「a」と「sample」、「string」と「only」の各ペアがそれぞれ入れ替えられていることが確認できます。