JavaScript レッスン4
文字列操作
JavaScriptの豊富な文字列メソッドを使いこなそう
文字列の基本操作
JavaScriptの文字列(String)は非常に多くのメソッドを持っています。 文字列の検索、抽出、変換、置換など、テキスト処理に必要な機能が豊富に揃っています。
よく使うメソッドを覚えておくと、データの加工やバリデーションが効率的になります。
slice()/substring()— 文字列の一部を抽出includes()/indexOf()— 文字列の検索replace()/replaceAll()— 文字列の置換split()/join()— 分割と結合trim()— 前後の空白を除去toUpperCase()/toLowerCase()— 大文字・小文字変換- テンプレートリテラル — バッククォートを使った文字列埋め込み
文字列の検索・抽出
slice、substring、includes、indexOfを使って文字列を操作してみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
置換・分割・結合・テンプレートリテラル
replace、split、join、テンプレートリテラルを活用しましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
文字列メソッドを組み合わせて、テキスト処理プログラムを作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
11 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。