JavaScript レッスン5
正規表現
パターンマッチングで文字列を自在に検索・置換・検証しよう
正規表現とは？
正規表現（RegExp）は、文字列のパターンを記述するための強力な仕組みです。 メールアドレスの検証、URLの抽出、テキストの一括置換など、 文字列処理で欠かせないツールです。
/pattern/flags— 正規表現リテラルtest()— パターンに一致するか判定（true/false）match()/matchAll()— 一致した部分を取得replace()/replaceAll()— パターンで置換exec()— 詳細なマッチ情報を取得split()— パターンで分割
正規表現の基本構文とフラグ
リテラル記法、よく使う特殊文字、フラグを確認しましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Previewキャプチャグループと replace()
丸括弧でグループを作り、一致した部分を取り出したり置換に再利用できます。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview先読み・後読み（Lookahead / Lookbehind）
特定のパターンの前後にあるものだけをマッチさせる高度なテクニックです。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Previewよく使うパターン集
実務でよく使われる正規表現パターンを試してみましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview確認クイズ
1 / 4JavaScriptで正規表現リテラルを作る正しい書き方はどれ？
自由に試してみよう
正規表現を使ってテキスト処理ツールを作ってみましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview