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

JavaScriptの正規表現のエスケープ文字を理解しよう

JavaScriptの正規表現のエスケープ文字を理解しよう
JavaScriptの正規表現のエスケープ文字を理解しよう

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

生徒

「正規表現で特殊な記号を文字として使いたいときはどうすればいいですか?」

先生

「その場合はエスケープ文字を使います。正規表現では、*?など特殊な意味を持つ文字を文字通りに扱うために、\\を使います。」

生徒

「なるほど、バックスラッシュを使うんですね。他にもよく使うエスケープ文字はありますか?」

先生

「はい。\\dは数字、\\wは英数字やアンダースコア、\\sは空白文字など、便利なエスケープ文字がたくさんあります。」

1. エスケープ文字とは?

1. エスケープ文字とは?
1. エスケープ文字とは?

正規表現には、文字そのものではなく特別な意味を持つ文字が存在します。例えば . は任意の1文字にマッチします。こうした特殊文字をそのまま文字として使いたいときに \\ を前に付けます。これを「エスケープ」と呼びます。


const text = "Price: $100";
const result = text.match(/\$/);
console.log(result); // ["$"]

ドル記号は通常、文字列の終端を意味する特殊文字なので、\\$ と書くことで文字として認識させます。

2. 数字・英数字・空白文字を表すエスケープ

2. 数字・英数字・空白文字を表すエスケープ
2. 数字・英数字・空白文字を表すエスケープ

便利なエスケープ文字には以下があります:

  • \\d:数字(0-9)
  • \\w:英数字とアンダースコア(a-z, A-Z, 0-9, _)
  • \\s:空白文字(スペース、タブ、改行など)

const text = "ID: A123";
const result = text.match(/\d+/g);
console.log(result); // ["123"]

ここでは \\d+ によって数字が連続する部分にマッチしています。

3. 特殊文字のエスケープ

3. 特殊文字のエスケープ
3. 特殊文字のエスケープ

正規表現では次のような文字も特殊文字なので、文字として使いたい場合はエスケープします:

  • .(任意の1文字)
  • *(0回以上の繰り返し)
  • +(1回以上の繰り返し)
  • ?(0回または1回)
  • ^(先頭)
  • $(末尾)
  • { } [ ] ( ) | \など

const text = "File name: data.txt";
const result = text.match(/data\.txt/);
console.log(result); // ["data.txt"]

ここでは \\. を使うことで、ドットを文字として扱っています。

4. エスケープ文字のまとめ方

4. エスケープ文字のまとめ方
4. エスケープ文字のまとめ方

エスケープ文字を使うポイントは以下の通りです:

  • 特殊文字をそのまま文字として扱いたい場合は \\ を付ける
  • 数字、英数字、空白文字など便利なパターンは \\d\\w\\s を使用
  • 複雑な正規表現を作るときはエスケープ文字をうまく組み合わせて正確にマッチさせる

正規表現は最初は難しく感じるかもしれませんが、エスケープ文字を理解するとパターンを正確に扱えるようになります。ぜひいろいろな文字列で試してみてください。

カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScriptモジュール入門!ESModulesとCommonJSの違いを初心者向けに徹底解説
New2
TypeScript
TypeScriptの始め方:開発環境の構築手順【初心者向け】
New3
JavaScript
JavaScriptの正規表現のエスケープ文字を理解しよう
New4
TypeScript
TypeScript × ES6の連携まとめ!安全でモダンなJavaScript開発の鍵
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの日時操作Tips!実務で役立つテクニック集
No.3
Java&Spring記事人気No3
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.4
Java&Spring記事人気No4
TypeScript
TypeScriptとES6/ESNextの連携ガイド!最新機能を有効にするtarget設定
No.5
Java&Spring記事人気No5
TypeScript
TypeScriptで非同期イテレーター(for await of)を活用する
No.6
Java&Spring記事人気No6
JavaScript
JavaScriptの正規表現で繰り返し指定(* + ? {n,m})を学ぼう
No.7
Java&Spring記事人気No7
TypeScript
TypeScriptで非同期処理を含むES6構文をテストする方法!初心者のための徹底解説
No.8
Java&Spring記事人気No8
JavaScript
JavaScriptで日時の差分を計算する方法|ミリ秒・日数の応用テクニック