JavaScript 正则表达式

一、正则表达式基础概念

正则表达式（Regular Expression，简写为 regex、regexp 或 RE），是通过单个字符串描述、匹配一系列符合特定句法规则的字符串搜索模式，核心作用是实现文本搜索与文本替换。

• 本质：由字符序列构成的搜索模式，可简单（如单个字符）可复杂（如多规则组合）。
• JS 中创建方式：
  1. 字面量形式：var reg = /pattern/modifiers;（常用，性能更优）
  2. RegExp 构造函数：var reg = new RegExp("pattern", "modifiers");（动态生成正则时使用）

二、正则表达式的核心构成

正则表达式由 定界符、元字符、模式修饰符、表达式 四部分组成，四者协同定义匹配规则。

1. 定界符

用于包裹正则表达式的 “边界符号”，JS 中最常用 正斜线 /，格式为 /表达式/修饰符。

• 示例：/\w+/g（/ 是定界符，\w+ 是表达式，g 是修饰符）
• 说明：定界符仅用于标记正则的开始与结束，不参与实际匹配。

2. 元字符：正则的 “规则核心”

元字符是具有特殊含义的字符，用于定义匹配规则，分为四大类：原子筛选方式、原子集合、原子数量限定、边界控制。

（1）原子的筛选方式

通过特定符号定义 “匹配哪些单个原子（字符 / 字符组）”，核心是 “选什么”。

示例代码：

var str = 'h2ATel?#9lo27 _w5or7ld';
console.log(str.match(/[a-zA-Z0-9_]/g)); // 匹配数字、字母、下划线
console.log(str.match(/[^abcdefghij]/g)); // 匹配除 a-j 外的所有字符
console.log(str.match(/2|lo/g)); // 匹配 "2" 或 "lo"

（2）原子的集合（预定义字符类）

为常用的 “字符范围” 提供简写，简化正则书写，核心是 “快速选一类”。

注意：匹配特殊字符（如 /、.、:）时，需用反斜杠 \ 转义（如 \/ 匹配 /，\. 匹配 .）。

示例代码：

var str = "he12341llo21 world562 http://789455ww78w.baidu.com3";
console.log(str.match(/\/|\./g)); // 匹配 "/" 或 "."
console.log(str.match(/\d/g)); // 匹配所有数字
console.log(str.match(/\w/g)); // 匹配所有数字、字母、下划线

（3）原子数量限定（量词）

定义 “某个原子 / 原子组连续出现的次数”，核心是 “选多少个”。

关键概念：贪婪匹配 vs 非贪婪匹配

• 贪婪匹配（默认）：尽可能匹配最长的符合规则的字符串，如 /^a.+c/ 匹配 “apcdefc” 中的 “apcdefc”（从 a 到最后一个 c）。
• 非贪婪匹配（惰性匹配）：尽可能匹配最短的符合规则的字符串，在量词后加 ? 启用，如 /^a.+?c/ 匹配 “apcdefc” 中的 “apc”（从 a 到第一个 c）。

示例代码：

var str = "he12341llo21 world562";
console.log(str.match(/\d{3}/g)); // 匹配连续 3 个数字（如 "123"）
console.log(str.match(/\d+/g)); // 匹配 1 个及以上数字（如 "12341" "21"）

var str2 = 'apcdefc';
console.log(str2.match(/^a.+c/)); // 贪婪匹配：["apcdefc"]
console.log(str2.match(/^a.+?c/)); // 非贪婪匹配：["apc"]

（4）边界控制

定义 “匹配的位置边界”，核心是 “在哪里匹配”。

示例代码：

// 需求：必须以字母开头，后面只能是数字、字母、下划线
var reg = /^[a-zA-Z]\w*$/;
var str = 'w345234sdf';
console.log(reg.test(str)); // true（符合规则）

var str2 = "This is an island";
console.log(str2.search(/\bis/)); // 4（匹配独立的 "is"，索引为 4）
console.log(str2.search(/is\b/)); // 4（同上，匹配独立 "is" 的结尾）
console.log(str2.search(/\Bis/)); // 11（匹配 "island" 中的 "is"，索引为 11）

3. 模式修饰符

用于修改正则的匹配行为，写在定界符 // 之后，常用修饰符如下：

示例代码：

var str = 'ywr9yh3rhyFRE91h';
console.log(str.match(/[a-z]/g)); // 仅匹配小写字母（如 "y" "w"）
console.log(str.match(/[a-z]/gi)); // 不区分大小写，匹配所有字母（如 "y" "F" "R"）

var str2 = 'hello world \nhello jack';
console.log(str2.match(/^he/g)); // 仅匹配第一行开头的 "he"：["he"]
console.log(str2.match(/^he/gm)); // 多行匹配，匹配两行开头的 "he"：["he", "he"]

三、JS 中常用正则场景示例

以下是开发中高频使用的正则表达式，可直接参考或调整：

四、JS 中常用正则方法

正则表达式需结合 JS 方法才能实现具体功能，常用方法分为 “字符串方法” 和 “RegExp 对象方法”：