JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで文字列を逆順に反転する方法をわかりやすく解説

JavaScriptで文字列を逆順に反転したい場合、いくつかの実装方法があります。ここでは、whileループを使って文字列「qries」を反転させる基本的なサンプルコードを紹介します。

サンプルコード

<!DOCTYPE html>
<html>
   <body>
      <script>
         var myStr;
         function reverseStr(myStr) {
            if(!myStr.trim() || 'string' !== typeof myStr) {
               return;
            }
            let l=myStr.length, s='';
            while(l > 0) {
               l--;
               s+= myStr[l];
            }
            return s;
         }
         document.write("Reversed String: " +reverseStr("qries"));
      </script>
   </body>
</html>

コードの解説

このコードの処理の流れは以下のとおりです。

  • 入力チェック： myStr.trim()によって空文字列や空白のみの文字列を除外し、typeof演算子で引数が文字列型であることを確認しています。条件を満たさない場合は何も返しません。
  • 反転処理： 文字列の長さlを取得し、末尾の文字から順番に1文字ずつ取り出して、新しい文字列sへ連結していきます。
  • 結果の出力： document.write()を使って、反転後の文字列を画面に表示します。

実行結果

Reversed String: seirq

より簡潔な書き方：split・reverse・joinを組み合わせる

モダンなJavaScriptでは、split()・reverse()・join()の各メソッドを組み合わせることで、1行で文字列を反転できます。

const reversed = myStr.split('').reverse().join('');

split('')で文字列を1文字ずつの配列に分解し、reverse()で配列の要素の順序を逆にした後、join('')で再び文字列に連結します。シンプルで可読性も高いため、実務ではこちらの方法がよく使われます。

  1. 文字列をJavaScriptオブジェクトに変換する方法【JSON.parse()の使い方】

    JavaScriptでJSON形式の文字列をオブジェクトに変換するには、JSON.parse()メソッドを使用します。このメソッドは、引数に渡された文字列を解析（パース）し、対応するJavaScriptオブジェクトを返します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Docum

  2. Androidで文字列を逆順に表示する方法をわかりやすく解説

    本記事では、Androidアプリ開発において、ユーザーが入力した文字列を逆順（リバース）にして画面に表示する方法を実例とともに解説します。EditTextに入力されたテキストを、ボタンのクリックをきっかけに反転させてTextViewへ出力するシンプルなサンプルです。手順1：新規プロジェクトを作成するまず、Android Studioを開き、「File」→「New Project」から新しいプロジェクトを作成します。プロジェクト作成時に必要な項目をすべて入力してセットアップを完了させましょう。手順2：レイアウトファイル（activity_main.xml）を編集する次に、res/layout/a