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

JavaScriptで文字列を検索する正規表現の書き方を学ぼう

JavaScriptで文字列を検索する正規表現の書き方を学ぼう
JavaScriptで文字列を検索する正規表現の書き方を学ぼう

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

生徒

「JavaScriptで文章の中から特定の単語や文字を探したいんですが、どうすればいいですか?」

先生

「その場合は正規表現、英語では RegExp を使います。文字列のパターンを指定して検索することができる便利な方法です。」

生徒

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

先生

「最初は少し難しそうに見えますが、基本的な構文と使い方を押さえれば簡単です。順番に学んでいきましょう。」

1. 正規表現とは?

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

正規表現とは、文字列のパターンを表す特別な書き方です。例えば「数字だけ」「特定の単語を含む」「メールアドレスの形式に合う」といった条件で文字列を検索できます。JavaScriptでは /パターン/フラグ という形式で書きます。

2. 基本の書き方

2. 基本の書き方
2. 基本の書き方

文字列に特定の単語が含まれるかを調べる簡単な例を見てみましょう。


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

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. ポイントまとめ
  • 正規表現は文字列のパターン検索に使える強力なツール
  • 基本構文は /パターン/フラグ で書く
  • 特殊文字やフラグを使うことで、複雑な検索や置換も可能
  • まずは簡単な例から学んで応用する
  • オンラインツールでマッチを確認すると理解が早くなる
カテゴリの一覧へ
新着記事
New1
JavaScript
JavaScriptの正規表現で繰り返し指定(* + ? {n,m})を学ぼう
New2
TypeScript
TypeScriptとESNextの連携を完全ガイド!最新機能を使いこなす設定と対応法
New3
JavaScript
JavaScriptの正規表現で任意の1文字(.)や文字クラスを使う方法
New4
TypeScript
TypeScriptで非同期イテレーター(for await of)を活用する
人気記事
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でESLintとPrettierを導入!コード整形ルールを自動で統一する方法
No.5
Java&Spring記事人気No5
TypeScript
TypeScriptのif文の使い方を完全ガイド!初心者でもわかる条件分岐
No.6
Java&Spring記事人気No6
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptの配列の要素にアクセスする方法(インデックス番号の使い方)
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptの正規表現で文字列を置換する方法(replaceメソッド)