JavaScriptで文字列を逆にする方法[ステップバイステップ]

  • JavaScriptで文字列を逆にする方法を知ることは不可欠なスキルであり、このガイドではステップバイステップの手順を説明します。
  • この場合に適用できる最初の方法は、文字列を配列に変換して逆にすることです。
  • 私たちの徹底を探る 開発者ツールハブ このトピックに関するより有用な情報については。
  • 私たちの広範なブックマークを躊躇しないでください Javascriptセクション よりわかりやすいガイドについては。
Javascriptで文字列を逆にする
さまざまなPCの問題を修正するには、DriverFixをお勧めします。
このソフトウェアは、ドライバーの稼働を維持するため、一般的なコンピューターエラーやハードウェア障害からユーザーを保護します。 3つの簡単なステップで今すぐすべてのドライバーをチェックしてください:
  1. DriverFixをダウンロード (検証済みのダウンロードファイル)。
  2. クリック スキャン開始 問題のあるすべてのドライバーを見つけます。
  3. クリック ドライバーの更新 新しいバージョンを入手し、システムの誤動作を回避します。
  • DriverFixはによってダウンロードされました 0 今月の読者。

回文は、逆にしたときに同じように読む単語または文字のリストです。 この良い例は「レーダー」という言葉です。

回文をチェックする最も簡単な方法 JavaScript 元の文字列のコピーを作成し、それを反転してから比較することです。 これを効果的に行うアルゴリズムを構築する場合は、JavaScriptで文字列を逆にする方法を学ぶ必要があります。 このガイドでは、その方法を学びます。

JavaScriptで文字列を反転するにはどうすればよいですか?

1. それを配列に変換し、それを逆にします

  1. を使用して文字列を部分文字列の配列に分割します スプリット() Stringオブジェクトクラスのメソッド。 splitメソッドでは、引数として文字列が必要です。 この場合、空の文字列を使用します。 したがって、メソッドは次のようになります。
    スプリット("")
  2. を使用して配列の順序を逆にします 逆行する() 方法。
  3. を使用して配列を文字列に変換し直します join() 方法。 splitメソッドと同様に、joinメソッドは引数として文字列を必要とします。 ここでも、空の文字列を使用します。
    join( "")

上記の手順を実装する最良の方法は、関数を使用することです。 コピー、テスト、変更できる簡単なソースコードの例を次に示します。




グレートレベルソ!


現在の文字列:「この文字列を逆にしてください!」






上記の例では、ハードコードされた文字列を逆にして、それにドキュメント要素を設定する関数を作成します。 次に、「リバース」というラベルの付いたボタンから関数が呼び出されます。

このコードを短縮および変更する方法は多数あります。 たとえば、結合された文字列をに割り当てる代わりに str 変数、に再割り当てできます 解像度 変数を入力し、デモHTMLドキュメント要素をポイントします。

res = res.join( "");
document.getElementById( "demo")。innerHTML = res;

または、3つのステップすべてを1行にまとめることもできます。

var res = str.split( "")。reverse()。join( "");

いずれにせよ、結果は同じである必要があります。

reverse-javascript-string-example

JavaScriptをもっと早く学びたいですか? この記事を読んで、JavaScriptコードをダウンロードする必要がある理由を学びましょう!


2. forループを使用してJavaScriptで文字列を反転します

  1. 反転された文字列を格納する新しい空の文字列変数を作成します。
    var reverseString = "";
  2. 次の特性を持つforループを作成します。
    • イニシャライザー:反転する文字列の長さから1を引いた値のカウンターを初期化します。
    • 条件:カウンターが0以上であることを確認してください。
    • 反復:ループが成功するたびに、カウンターはデクリメントする必要があります。
    • forループの本体は、forループカウンターを使用して文字の位置を設定するときに、元の文字列から反転された文字列になる文字に文字を追加する必要があります。
      for(var i = fwdStri.length-1; i> = 0; i-){reverseString = newString + fwdStr [i]; }

繰り返しになりますが、スクリプトタグ内の関数に上記の操作を適用する必要があります。 JavaScriptを外部ファイルとして含めるか、埋め込みコードとして含めるかはあなた次第です。 上記のソリューションの実際の動作は次のとおりです。

グレートレベルソ!

現在の文字列:「この文字列を逆にしてください!」

上記のコードは、元の文字列を逆にループして、文字ごとに複製することで機能します。 文字列を配列に明示的にキャストすることに興味がない場合は、このソリューションが目標により適していることがわかります。


3. 再帰を使用してJavaScriptで文字列を反転します

  1. パラメータとして文字列を使用して新しい関数を作成します。例:
    関数reverseString(str){
  2. 関数の本体内で、を作成します もし 関数に渡された文字列が空かどうかをチェックするステートメント。 trueの場合、空の文字列を返す必要があります。
    if(str "") 戻る "";
  3. elseステートメントを追加します。
  4. elseステートメントの本文で、メソッドの文字列パラメータのサブ文字列を使用して、現在のメソッドへの再帰呼び出しを2番目の文字から返します。 str.substr(1). 新しい部分文字列の最初の文字を追加します。例:
    それ以外の場合は、reverseString(str.substr(1))+ str.charAt(0);を返します。

結果の表示を担当する別の関数からこのメソッドを呼び出す必要があります。 完全なコードは次のようになります。

グレートレベルソ!

現在の文字列:「この文字列を逆にしてください!」

再帰はforループのように機能しますが、JavaScriptのロジックをだまして機能させています。 文字列の最後に文字を追加する代わりに、ループごとに文字列を先頭に追加します。 それにもかかわらず、結果はほとんど同じです。

上記の例は、Windowsのメモ帳とWebブラウザを使用してテストできます。 ただし、 クロスプラットフォームのコードエディタ または、時間を節約するための統合開発環境。

Javascriptで文字列を逆にする方法は、よくあるインタビューの質問です。 したがって、それを理解することは、ソフトウェア開発者としての成功に不可欠かもしれません。

それでも、以下のコメントで、どの方法が最も効果的かをお知らせください。 いつものように、読んでいただきありがとうございます。

よくある質問

  • ChromeでJavaScriptvoid 0を修正するには、詳細をご覧ください javascriptを修正:void(0)エラーガイド.

  • メインプロセスのJavaScriptエラーを修正するには、次の便利な方法で説明されている方法に従ってください。 メインプロセスガイドのJavaScriptを修正.

  • JavaScriptのspliceメソッドは、配列に項目を追加または削除します。

スクリプト エラーの説明: エラーの内容と修正方法

スクリプト エラーの説明: エラーの内容と修正方法Javascript

スクリプトを実行する前にスペルミスがないか確認してくださいスクリプト エラーは、Web サイトのコードに問題がある場合に表示されるメッセージです。これらのエラーは、多くの場合、機能に影響を与え、ページやプログラムの破損につながる可能性があるため、開発者にとってイライラする可能性があります。この記事では、主な原因、その原因、およびそれらに対処する方法を紹介します。バツダウンロードファイルをクリ...

続きを読む
キャッチされない TypeError: $ は関数ではありません [エラー修正]

キャッチされない TypeError: $ は関数ではありません [エラー修正]Javascript

このエラーをトラブルシューティングするには、以下の簡単な調整に従ってください。「Uncaught TypeError: $ is not a function」エラーは、ユーザーが JavaScript でドル記号 $ を関数として使用しようとしたが認識されなかった場合に発生します。Web ページで複数の JavaScript ライブラリを使用しており、別のライブラリでもドル記号 ($) を...

続きを読む
致命的な JavaScript 無効なサイズ エラー 169220804: 修正方法

致命的な JavaScript 無効なサイズ エラー 169220804: 修正方法Javascript

このエラーは通常、開発段階でのみ発生します。致命的な JavaScript の無効なサイズ エラーは、通常、コードの問題で発生します。この問題を解決するには、特定のモジュールを開発依存関係として設定する必要がある場合があります。致命的な JavaScript 無効サイズ エラー 169220804 は Web アプリ開発者に影響を与えますが、ほとんどの場合、この問題が発生するのは開発者だけで...

続きを読む