javascript如何正则表达式_有哪些常用模式-js教程-PHP中文网

javascript如何正则表达式_有哪些常用模式

幻影之瞳

发布： 2025-12-20 14:31:11

原创

298人浏览过

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

javascript如何正则表达式_有哪些常用模式

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()

想从文本中“抓出”某部分？靠捕获组 () 配合方法获取结果：

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

525

查看详情

立即学习“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 实时调试，比猜强十倍。

以上就是javascript如何正则表达式_有哪些常用模式的详细内容，更多请关注php中文网其它相关文章！