JavaScriptの文字列操作
JavaScriptでは、文字列は一連の文字から成るものとして扱われます。
そのため、JavaScriptを使用して特定の文字を取得したり、文字列を1文字ずつ操作したりすることが可能です。
サルモリ
じゃあ、早速やってみよう！
1. 文字列の1文字目を取得する
まず、JavaScriptで文字列の1文字目を取得する方法を見てみましょう。
ソースコード例
|
1 2 |
let str = "Hello, World!"; console.log(str.charAt(0)); // "H" |
出力結果
H
このコードでは、「Hello, World!」という文字列の1文字目を取得しています。
charAt()メソッドは指定したインデックスの文字を返すため、charAt(0)は文字列の1文字目を返します。
サルモリ
なるほど、charAt(0)を使って1文字目を取得するんだね！
2. 文字列を1文字ずつ操作する
次に、JavaScriptで文字列を1文字ずつ操作する方法を見てみましょう。
ソースコード例
|
1 2 3 4 |
let str = "Hello, World!"; for (let i = 0; i < str.length; i++) { console.log(str.charAt(i)); // 文字列の各文字を1文字ずつ出力 } |
出力結果
H
e
l
l
o
,
W
o
r
l
d
!
このコードでは、「Hello, World!」という文字列の各文字を1文字ずつ出力しています。
forループとcharAt()メソッドを組み合わせることで、文字列の各文字に順番にアクセスすることができます。
サルモリ
わかったよ、文字列の各文字に順番にアクセスするにはforループとcharAt()を使うんだね！
3. 文字列を逆順に出力する。
JavaScriptの文字列操作はこれだけではありません。
さらに高度な操作を行うためには、様々なメソッドやプロパティを組み合わせて使用することが一般的です。
ソースコード例
|
1 2 3 4 5 6 7 8 |
let str = "Hello, World!"; let reversedStr = ""; for (let i = str.length - 1; i >= 0; i--) { reversedStr += str.charAt(i); // 文字列を逆順にする } console.log(reversedStr); // "!dlroW ,olleH" |
出力結果
!dlroW ,olleH
このコードでは、「Hello, World!」という文字列を逆順にして新たな文字列を作成しています。
文字列の長さを取得するlengthプロパティと、文字列の一部を新たな文字列に追加する+=演算子を使用しています。
サルモリ
そうなんだ！それなら色々な文字列操作ができそうだね！
アロー関数を徹底的に学びたい人向けです！画像をクリックしてご覧ください！
KindleUnlimited会員であれば、全ての本をご覧頂けます。 アロー関数と便利な関数を理解すれば、JavaScriptの世界が変わる
KindleUnlimited会員であれば、全ての本をご覧頂けます。 アロー関数と便利な関数を理解すれば、JavaScriptの世界が変わる
まとめ
JavaScriptで文字列の1文字目を取得したり、文字列を1文字ずつ操作したりする方法を学びました。
これらの基本的な操作をマスターすれば、より複雑な文字列操作にも対応できるようになるでしょう。
サルモリ
JavaScriptって奥が深いね。でも、基本を身につければなんでもできそうだよ！
最後まで読んで頂き、ありがとうございました。少しでもお役にたてたなら幸いです！
サルモリ
最後まで読んでくれてありがとう！！
