<CodeLearn/>
JavaScript レッスン4

文字列操作

JavaScriptの豊富な文字列メソッドを使いこなそう

文字列の基本操作

JavaScriptの文字列(String)は非常に多くのメソッドを持っています。 文字列の検索、抽出、変換、置換など、テキスト処理に必要な機能が豊富に揃っています。

よく使うメソッドを覚えておくと、データの加工やバリデーションが効率的になります。

  • slice() / substring() — 文字列の一部を抽出
  • includes() / indexOf() — 文字列の検索
  • replace() / replaceAll() — 文字列の置換
  • split() / join() — 分割と結合
  • trim() — 前後の空白を除去
  • toUpperCase() / toLowerCase() — 大文字・小文字変換
  • テンプレートリテラル — バッククォートを使った文字列埋め込み

文字列の検索・抽出

slice、substring、includes、indexOfを使って文字列を操作してみましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

置換・分割・結合・テンプレートリテラル

replace、split、join、テンプレートリテラルを活用しましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

自由に試してみよう

文字列メソッドを組み合わせて、テキスト処理プログラムを作ってみましょう。

index.htmllazy
11 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。