非捕获组在js正则中如何使用？, 有哪些注意事项

非捕获组（Non-Capturing Group）在 JavaScript 正则中的使用

非捕获组是一种正则表达式分组语法，使用 来包裹子表达式，其作用与普通捕获组 相同，但不会将匹配的文本保存到内存中以供后续引用，这意味着它只参与匹配，不创建反向引用,也不占用分组编号。

语法对比

使用场景

• 逻辑分组但不需要提取：当需要将多个字符作为一个整体应用量词或条件，但不需要引用这部分内容时。 /(?:abc)+/ 匹配 "abc"，"abcabc"，但不捕获 "abc"
• 分支结构：在 操作符中分组，避免影响其他分组编号。 /(?:cat|dog) runs/ 匹配 "cat runs" 或 "dog runs"，不捕获 cat/dog
• 优化性能：避免不必要的捕获，减少内存占用,尤其在大量匹配时。
• 与先行断言/后行断言配合：非捕获组常用于断言内部，因为断言本身不捕获,使用非捕获组更清晰。

与捕获组的区别示例

// 捕获组 const str1 = "2024-01-15"; const regex1 = /(d{4})-(d{2})-(d{2})/; const match1 = regex1.exec(str1); console.log(match1[0]); // "2024-01-15" console.log(match1[1]); // "2024" console.log(match1[2]); // "01" console.log(match1[3]); // "15" // 非捕获组 const regex2 = /(?:d{4})-(?:d{2})-(?:d{2})/; const match2 = regex2.exec(str1); console.log(match2[0]); // "2024-01-15" console.log(match2[1]); // undefined （没有捕获组） console.log(match2.length); // 1 （只有整体匹配）

在 replace 中的影响

使用非捕获组时，$1、$2 等反向引用仅对应捕获组，非捕获组不会被编号,因此不会影响替换时的引用顺序。

"2024-01-15".replace(/(d{4})-(d{2})-(d{2})/, "$2/$3/$1"); // "01/15/2024" "2024-01-15".replace(/(?:d{4})-(?:d{2})-(?:d{2})/, "date: $1"); // "date: " （$1 为空，因为无捕获组）

注意事项

• 非捕获组仍然会消耗匹配的字符，与先行断言（零宽度断言）不同。
• 在正则表达式复杂时,合理使用非捕获组可以避免意外的分组编号混乱。
• 非捕获组不影响正则表达式的匹配能力,仅影响捕获行为。

相关问题与解答

问题1：非捕获组和捕获组可以混合使用吗？编号如何分配？

是的，可以混合使用，捕获组的编号按照左括号出现的顺序（从左到右）进行分配，非捕获组不参与编号。

/(?:a)(b)(?:c)(d)/

• 捕获组1：(b)
• 捕获组2：(d)
• 非捕获组 (?:a) 和 (?:c) 不计入编号。

问题2：如果我想在正则中使用分组但又不希望它占用反向引用，但又想临时保存匹配结果，该怎么办？

可以使用命名捕获组（ES2018）：

/(?<year>d{4})-(?<month>d{2})-(?<day>d{2})/

这样既捕获了内容，又避免了数字编号混乱，通过 match.groups.year 等访问，但命名捕获组仍会占用一个捕获组编号（从1开始），只是同时也提供了命名访问，如果完全不需要捕获,仍应使用非捕获组。