JavaScript正则高级用法解析

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《JavaScript正则高级匹配技巧》，聊聊，希望可以帮助到正在努力赚钱的你。

捕获组用()提取子串并可通过\1引用，如/(abc)\1/匹配"abcabc"；2. 非捕获组(?:)仅分组不捕获，提升性能

JavaScript正则表达式提供了多种高级匹配模式，帮助开发者更精确地处理复杂的字符串匹配需求。这些模式通过特殊的语法标志和结构实现，能显著提升文本处理的灵活性和效率。

1. 捕获组与反向引用

捕获组是用括号 () 包裹的一部分正则表达式，用于提取匹配的子字符串或在后续匹配中引用。

• 使用 (pattern) 创建捕获组，匹配内容可通过索引获取
• 在正则内部使用 \1, \2 等进行反向引用，表示重复之前捕获的内容
• 例如：/(abc)\1/ 可匹配 "abcabc"

2. 非捕获组

如果只需要分组功能而不需要捕获内容，可使用非捕获组，以提升性能并避免不必要的索引占用。

• 语法为 /(?:http|https):\/\/.+/ 匹配网址但不单独捕获协议部分

3. 命名捕获组

ES2018 引入命名捕获组，允许为捕获组指定名称，使代码更易读和维护。

• 语法为 (?pattern)
• 匹配后可通过 groups.name 访问
• 例如：/(?\d{4})-(?\d{2})/ 可清晰提取日期部分

4. 正向与负向先行断言

先行断言（Lookahead）用于判断某个模式是否紧跟在当前位置之后，但不消耗字符。

• 正向先行断言：(?=pattern)，要求后面跟着 pattern
• 负向先行断言：(?!pattern)，要求后面不能是 pattern
• 例如：/\d+(?=px)/ 匹配后面跟有 "px" 的数字，如 "10px" 中的 "10"

5. 正向与负向后行断言

后行断言（Lookbehind）判断某个模式是否出现在当前位置之前。

• 正向后行断言：(?<=pattern)，要求前面是 pattern
• 负向后行断言：(?，要求前面不能是 pattern
• 例如：/(?<=\$)\d+/ 匹配前面带 "$" 的数字，如 "$20" 中的 "20"

6. Unicode 支持