JavaScriptでforループを使って文字列を反転させる方法

JavaScriptでは、文字列を引数として受け取り、その文字列を逆順に並べた新しい文字列を生成する関数を作成できます。本記事では、forループを使用して文字列を反転させるシンプルな方法を解説します。

実装のポイント

文字列を反転させる基本的な考え方は以下の通りです。

• 文字列の末尾（最後のインデックス）から先頭に向かって、インデックスを1つずつ減らしながらループ処理を行う
• 各インデックスに対応する文字を取り出し、結果用の変数に順番に連結していく

コード例

実際のコードは次のようになります。

const str = 'this is the original string';

const reverseString = (str = '') => {
    let reverse = '';
    const { length: len } = str;

    // 文字列の末尾から先頭に向かってループ
    for (let i = len - 1; i >= 0; i--) {
        reverse += str[i];
    }

    return reverse;
};

console.log(reverseString(str));

コードの解説

• const { length: len } = str; — 分割代入を使って文字列の長さを取得しています。これにより、ループの開始位置（末尾のインデックス）を求められます。
• for (let i = len - 1; i >= 0; i--) — インデックスを末尾から0まで逆順に走査します。
• reverse += str[i] — 各文字を後ろから順番に連結することで、反転した文字列が完成します。

出力結果

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

gnirts lanigiro eht si siht

元の文字列「this is the original string」が完全に反転していることが確認できます。この手法は追加のライブラリ不要で動作し、配列のreverse()メソッドやsplit('')・join('')を組み合わせる方法と比べて、ループの仕組みを理解するのに適したアプローチです。