カテゴリ: JavaScript 更新日: 2026/01/06

JavaScriptの正規表現(RegExp)の基本構文と仕組みを解説

JavaScriptの正規表現(RegExp)の基本構文と仕組みを解説
JavaScriptの正規表現(RegExp)の基本構文と仕組みを解説

先生と生徒の会話形式で理解しよう

生徒

「先生、JavaScriptで文字列の中から特定の文字やパターンを探したいときはどうすればいいですか?」

先生

「そのときに便利なのが正規表現、英語では RegExp です。文字列の中から文字や数字、特定のパターンを簡単に見つけることができます。」

生徒

「正規表現って難しそうですが、初心者でも使えますか?」

先生

「大丈夫です。まずは基本の書き方と仕組みを理解すれば、少しずつ使えるようになりますよ。」

1. 正規表現とは?

1. 正規表現とは?
1. 正規表現とは?

正規表現とは、文字列のパターンを表現する特別な書き方です。例えば「数字だけ」「特定の単語を含む」「メールアドレスの形式に合う」など、複雑な文字列検索を簡単に行えます。JavaScriptでは /pattern/flags の形で記述します。

2. 基本の構文

2. 基本の構文
2. 基本の構文

JavaScriptの正規表現は、スラッシュで囲んで表現します。例えば文字列に「apple」が含まれるか調べる場合は次のように書きます。


const regex = /apple/;
console.log(regex.test("I like apple.")); // true

test メソッドは文字列が正規表現にマッチするかどうかを true または false で返します。

3. よく使う特殊文字

3. よく使う特殊文字
3. よく使う特殊文字

正規表現では特殊な記号を使ってパターンを指定できます。

  • . :任意の1文字にマッチ
  • \d :数字にマッチ
  • \w :英数字やアンダースコアにマッチ
  • \s :空白文字(スペース、タブなど)にマッチ
  • * :直前の文字が0回以上繰り返す場合にマッチ
  • + :直前の文字が1回以上繰り返す場合にマッチ
  • ? :直前の文字が0回または1回の場合にマッチ

const regex2 = /\d+/;
console.log(regex2.test("123")); // true
console.log(regex2.test("abc")); // false

4. フラグの使い方

4. フラグの使い方
4. フラグの使い方

正規表現にはフラグをつけることで検索方法を変更できます。

  • g :文字列全体で複数マッチを探す
  • i :大文字・小文字を区別しない
  • m :複数行モードで ^ や $ が行頭・行末を意味する

const regex3 = /apple/gi;
console.log("Apple apple".match(regex3)); // ["Apple", "apple"]

5. 文字列の置換や抽出に使う

5. 文字列の置換や抽出に使う
5. 文字列の置換や抽出に使う

正規表現は文字列の置換や抽出にも便利です。


// replaceで文字を置換
const text = "I like apple and banana.";
const replaced = text.replace(/apple/, "orange");
console.log(replaced); // I like orange and banana.

// matchでマッチ部分を抽出
const matches = text.match(/\b\w{6}\b/g); 
console.log(matches); // ["banana"]

\b は単語の境界、\w{6} は6文字の英数字にマッチすることを意味します。

6. 正規表現を使うコツ

6. 正規表現を使うコツ
6. 正規表現を使うコツ

正規表現は強力ですが、複雑になると読みにくくなります。まずは基本的なパターンを覚えて、小さな部分から組み合わせて使うと良いでしょう。また、オンラインの正規表現テスターを使うと実際にマッチするか確認できるので便利です。

7. まとめのポイント

7. まとめのポイント
7. まとめのポイント
  • 正規表現は文字列のパターンを表現するためのツール
  • 基本構文は /pattern/flags で書く
  • 特殊文字やフラグを使うことで複雑な検索も簡単にできる
  • 文字列の検索、置換、抽出に活用できる
  • 最初は簡単なパターンから学ぶのがコツ
カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptで非同期処理を含むES6構文をテストする方法!初心者のための徹底解説
New2
TypeScript
TypeScriptの関数に型をつける方法(引数・戻り値)を初心者向けに徹底解説!
New3
TypeScript
TypeScriptのアロー関数の書き方と使い分けを完全ガイド!初心者にもわかる関数定義の新しい形
New4
JavaScript
JavaScriptの正規表現フラグ(g, i, m)の意味と活用方法
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの日時操作Tips!実務で役立つテクニック集
No.3
Java&Spring記事人気No3
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.4
Java&Spring記事人気No4
TypeScript
TypeScriptとES6/ESNextの連携ガイド!最新機能を有効にするtarget設定
No.5
Java&Spring記事人気No5
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.6
Java&Spring記事人気No6
TypeScript
TypeScriptのif文の使い方を完全ガイド!初心者でもわかる条件分岐
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptで日時の差分を計算する方法|ミリ秒・日数の応用テクニック
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptの正規表現(RegExp)の基本構文と仕組みを解説