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

3次阅读

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

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

立即学习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>$&amp;</em>")$& 表示整个匹配项
  • 函数式替换(适合逻辑判断):"abc123def456".replace(/d+/g, (match) => `[${match}]`)"abc[123]def[456]"

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

以上就是

站长
版权声明:本站原创文章,由 站长 2025-12-20发表,共计1290字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources