JavaScript常用正则表达式模式有哪些

大家好，今天本人给大家带来文章《JavaScript正则表达式常用模式有哪些》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

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

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

• "价格：¥129.99".match(/¥(\d+\.\d+)/) → 返回 ["¥129.99", "129.99"]，第二个元素是括号内匹配内容
• 全局提取多个匹配："a1 b2 c3".matchAll(/([a-z])(\d)/g) 返回迭代器，遍历可得每组 [完整匹配, 字母, 数字]
• 命名捕获组更清晰：/(?\d{4})-(?\d{2})-(?\d{2})/.exec("2023-05-20") → result.groups.year === "2023"

安全替换：用 $1、$2 或函数动态处理

replace() 不只是静态替换，结合分组引用或回调函数能灵活改写：

• 交换顺序："John Doe".replace(/(\w+) (\w+)/, "$2, $1") → "Doe, John"
• 加标签高亮关键词："hello world".replace(/world/g, "$&")，$& 表示整个匹配项
• 函数式替换（适合逻辑判断）："abc123def456".replace(/\d+/g, (match) => `[${match}]`) → "abc[123]def[456]"

基本上就这些。正则不难，关键是多练、少抄、懂原理——比如 * 是贪婪匹配，加 ? 变成懒惰（*?），^ 和 $ 在多行模式下行为也不同。写完用 regex101.com 实时调试，比猜强十倍。

今天关于《JavaScript常用正则表达式模式有哪些》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！