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学习网公众号！