javaScript正则表达式 核心是 /pattern/flags 字面量或 new regexp()创建,常用预定义字符类(如 d、w、s)、邮箱 手机号等格式校验、捕获组提取、replace 动态替换,并强调实践调试。

javascript 中的 正则表达式 (RegExp)是处理 字符串 匹配、提取、替换的强大 工具 ,核心靠 /pattern/flags 字面量或 new RegExp() 构造函数 创建。常用模式不是“背下来”,而是理解几类高频场景和对应写法。
匹配数字、字母、空白等基础字符类
用预定义字符类可快速定位常见字符,比手动写 [0-9] 更简洁:
-
d匹配任意数字(等价于[0-9]),D匹配非数字 -
w匹配字母、数字、下划线(等价于[a-zA-Z0-9_]),W匹配非单词字符 -
s匹配空白符(空格、制表符、换行等),S匹配非空白 - 注意:
b是单词边界(如"cat"中c前或t后),不是退格符
验证 邮箱、手机号、身份证号等常见格式
这类模式重在“够用”和“防错”,不追求 100% RFC 合规(邮箱尤其复杂),而是覆盖主流情况:
- 简单邮箱:
/^[^s@]+@[^s@]+.[^s@]+$/—— 至少一个 @,前后非空且含点 - 国内手机号:
/^1[3-9]d{9}$/—— 以 1 开头,第二位 3–9,共 11 位 - 18 位身份证(粗略校验):
/^d{17}[dXx]$/—— 前 17 位数字,末位数字或 X/x - 提示:生产环境建议用专门库(如 validator.js)或 后端 二次校验,正则仅作 前端 友好提示
提取内容:用括号分组 + exec() 或 matchAll()
想从文本中“抓出”某部分?靠捕获组 () 配合方法获取结果:
立即学习“Java 免费学习笔记(深入)”;
-
" 价格:¥129.99".match(/¥(d+.d+)/)→ 返回["¥129.99", "129.99"],第二个元素是括号内匹配内容 - 全局提取多个匹配:
"a1 b2 c3".matchAll(/([a-z])(d)/g)返回迭代器,遍历可得每组[完整匹配, 字母, 数字] - 命名捕获组更清晰:
/(?<year>d{4})-(?<month>d{2})-(?<day>d{2})/.exec("2023-05-20")</day></month></year>→result.groups.year === "2023"
安全替换:用 $1、$2 或函数动态处理
replace() 不只是静态替换,结合分组引用或 回调函数 能灵活改写:
- 交换顺序:
"John Doe".replace(/(w+) (w+)/, "$2, $1")→"Doe, John" - 加标签高亮关键词:
"hello world".replace(/world/g, "<em>$&</em>"),$&表示整个匹配项 - 函数式替换(适合逻辑判断):
"abc123def456".replace(/d+/g, (match) => `[${match}]`)→"abc[123]def[456]"
基本上就这些。正则不难,关键是多练、少抄、懂原理——比如 * 是贪婪匹配,加 ? 变成懒惰(*?),^ 和 $ 在多行模式下行为也不同。写完用 regex101.com 实时调试,比猜强十倍。