広告スペース(バナー)
🟨JavaScript レッスン
基本文法の基礎8
データ構造とオブジェクト指向8
構文の基本を深める9
関数とデータ構造の応用9
アルゴリズムとテストの基礎8
文字列・数値操作の応用8
実務で役立つ機能8
アルゴリズム練習問題10
レッスン 44 / 69

文字列の反転と回文判定

このレッスンでは、文字列を反転させて回文判定を行う方法を学び、配列と文字列を組み合わせた基本的な文字列処理を身につけることを目標にします。「JavaScript 文字列 反転」「JavaScript 回文判定」で調べている方向けです。

文字列を配列に変換して.reverse()すると、文字の並びを逆にできます。前から読んでも後ろから読んでも同じ文字列を回文と呼びます。文字列を直接操作できないJavaScriptでは、一度配列に変換してから処理し、また文字列に戻すという流れがよく使われます。

サンプルコードでは、str.split("").reverse().join("")という3つのメソッドを連続してつなげることで、文字列を反転させています。.split("")で1文字ずつの配列に分割し、.reverse()で並びを逆にし、.join("")でまた1つの文字列に戻す、という3段階の流れを意識すると理解しやすくなります。

初心者がよくつまずくのが、この3つのメソッドをつなげて書く「メソッドチェーン」の読み方です。左から右へ、1つずつ処理の結果が次のメソッドに渡されていくという流れを意識しながら、1行ずつ分解して動作を確認してみると理解が深まります。文字列操作の基本パターンとして覚えておくと便利です。

文字列を配列としていったん分解する発想は、他の文字列処理にも幅広く応用できます。ちょっとした文字列パズルやゲームのロジックとしても使われ、文字列操作の練習問題として多くの学習教材で取り上げられる定番の題材です。

JavaScript
OUTPUT / 実行結果

💡 console.log() の内容が実行結果に表示されます。

🎯
ここまでできればゴール達成!
文字列が回文になっているかを判定する、簡単な言葉遊びゲームが作れるようになります。
広告スペース(バナー)
広告スペース(記事内)