「正規表現」の基本的な使い方をJavaScriptで理解する：JavaScript標準ライブラリの使い方超入門（5）（2/5 ページ）

「正規表現のパターンを作るにはちょっとしたコツがいるんですが、まずは『xx-xx@xxxx.xxxx.xxxx』のような形式のメールアドレスを想定して正規表現のパターンを作成してみます」

「意味を知ってなきゃ、暗号にしか見えませんね」

「先頭から順に見ていきましょう。まず『[\w-]+』の部分ですが、これは英数字とアンダースコア、さらにハイフン（-）で構成される文字列で始まることを意味しています。[]で囲んでいるので、『\w』または『-』に一致することが条件になります。続く『@[\w.]^＊』は、@で始まり、英数字とアンダースコア、ピリオド（.）で構成される文字列を表しています」

「最後に付いてる『/g』は、何なのですか?」

「『/』はオプションを指定するための記号です。gオプションは文字列全体に対してマッチングすることを指定します。これを付けることで、すべてのパターンにマッチした『xx-xx@xxxx.xxxx.xxxx』の形式で抽出が行えるようになります。最初の部分を『[\w-]+』にしていますので、想定した形式のほかに、ユーザー名部分にハイフンを含まない『xxxx@xxxx.xxxx』のようなアドレスもパターンマッチの対象になります」

「うーん、中々複雑ですが、まずは最後に『/g』を付けておかないと、すべての文字を抽出できないってことですね」

「では、実際にメールアドレスを検索し、結果を画面に表示してみることにしましょう。正規表現のパターンで文字列を検索するのはmatch（）メソッドです。戻り値は、一致した文字列を格納した配列です」

「先ほどのパターンをmatch（）メソッドの引数にして抽出すればいいですね」

「（1）でメールアドレスを含む文字列を変数に格納しておいて、（3）でこの変数からmatch（）メソッドを実行しています。メソッドの引数は、（2）で作成した正規表現のパターン文字列を格納した変数regを指定しています」

「今回は文字列の中からURLを検索します」

「httpから始まるURLは構造が複雑なので、メールアドレスのときよりも難易度が上がりますね」

「1つずつ検証しながら、正規表現のパターンを作っていくことにしましょう。まず、次のようなURLを想定して、パターン文字列を作ってみましょうか」

「では、URLを検索するプログラムを作成することにしますが、今回は複数の文が対象になりますので、URLも複数、含まれることが予想されますよね」

「複数のURLが含まれてたら、全部抽出しなきゃならないですね」

「match（）メソッドは結果を配列として返すので、複数の文字列がマッチした場合は順番に配列要素に格納されます。そこで、for文を使って配列要素を1つずつ取り出すようにすればうまくいきますよ。正規表現のパターンは僕が入力しますから、あとに続く部分を入力していってください」

「じゃ、対象の文字列を作成して、抽出する部分を作りますね」

「先にお話ししたように、match（）メソッドは次のように結果を配列で返します。

「しっかし、今回の正規表現のパターンは長いですねー」

「これについては、このあとのMemoとHintでお話ししましょう」