JavaScript正则表达式高级匹配模式-js教程-PHP中文网

JavaScript正则表达式高级匹配模式

幻影之瞳

发布： 2025-10-26 19:46:02

原创

700人浏览过

JavaScript正则表达式支持捕获组、零宽断言、懒惰/贪婪匹配及原子组优化。1. 命名捕获组用(?<name>...)提取子串；2. 零宽断言如(?=...)和(?<=...)匹配位置不消耗字符；3. 懒惰量词*?避免过度匹配；4. 用非捕获组减少回溯，提升性能。

javascript正则表达式高级匹配模式

JavaScript正则表达式提供了强大的文本匹配能力，除了基本的字符匹配外，还支持多种高级匹配模式。这些模式能帮助开发者更精确地控制匹配行为，处理复杂的字符串操作场景。

1. 捕获组与命名捕获组

捕获组通过括号 () 将一部分模式包裹起来，可以在匹配后提取对应子串。普通捕获组按顺序编号，而命名捕获组则赋予其可读性更强的名称。

例如，匹配日期格式 YYYY-MM-DD：

const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<dayyoujiankuohaophpcn\d{2})/;
const match = '2025-04-05'.match(regex);
console.log(match.groups.year); // 输出: "2025"

使用 ?<name> 语法定义命名捕获组，结果存储在 match.groups 中，便于后续访问。

立即学习“Java免费学习笔记（深入）”；

2. 零宽断言（Lookahead 和 Lookbehind）

零宽断言用于匹配特定位置，而不消耗字符。它们不包含在最终匹配结果中，常用于条件性匹配。

正向先行断言 (?=...)：确保后面跟着某个模式
负向先行断言 (?!...)：确保后面不跟着某个模式
正向后行断言 (?<=...)：确保前面是某个模式
负向后行断言 (?<!...)：确保前面不是某个模式

示例：匹配以 ".txt" 结尾但不包含路径的文件名：

const regex = /\w+(?=\.txt$)/;
'notes.txt'.match(regex); // 匹配 "notes"
'my/notes.txt'.match(regex); // 不匹配

若要排除路径，可结合负向后行断言：

一键职达

AI全自动批量代投简历软件，自动浏览招聘网站从海量职位中用AI匹配职位并完成投递的全自动操作，真正实现'一键职达'的便捷体验。

查看详情

/(?<!\/)\w+(?=\.txt$)/

3. 懒惰匹配与贪婪匹配

默认情况下，量词如 *、+、{n,} 是贪婪的，会尽可能多地匹配字符。在量词后加 ? 可切换为懒惰模式。

例如，提取 HTML 标签中的内容：

const greedy = /<div>.*<\/div>/;
const lazy = /<div>.*?<\/div>/;
const html = '<div>Hello</div><div>World</div>';
html.match(greedy)[0]; // 匹配整个字符串
html.match(lazy)[0]; // 只匹配第一个 div

懒惰匹配在处理多段相似结构时非常有用，避免越界匹配。