本文旨在帮助开发者理解如何使用 JavaScript 正则表达式捕获未被先前分组匹配的内容。通过使用否定前瞻断言，我们可以创建一个正则表达式，有效地将字符串分割成多个部分，其中一部分包含与特定模式不匹配的所有字符。本文将提供详细的解释和示例，帮助你掌握这种高级的正则表达式技巧，并将其应用到实际的开发场景中，例如代码编辑器中的语法高亮。
使用否定前瞻断言捕获未匹配的内容
在 JavaScript 正则表达式中，有时我们需要捕获未被其他分组匹配的内容。这可以通过使用否定前瞻断言 (?!...) 来实现。否定前瞻断言允许我们检查当前位置之后的内容是否不匹配指定的模式，只有当不匹配时，才会继续匹配。
基本的模式如下：
(regex1)|(regex2)|((?:(?!regex1|regex2).)*)
这个模式的含义是：
立即学习“Java免费学习笔记（深入）”；
regex1: 第一个正则表达式，尝试匹配。
regex2: 第二个正则表达式，尝试匹配。
-
((?:(?!regex1|regex2).)*): 如果 regex1 和 regex2 都没有匹配，则捕获所有不匹配 regex1 和 regex2 的字符。
- (?:(?!regex1|regex2).)*: 这是一个非捕获组，它会重复匹配任何不匹配 regex1 和 regex2 的单个字符。
- (?!regex1|regex2): 这是一个否定前瞻断言，它断言当前位置之后的内容不匹配 regex1 或 regex2。
- .: 匹配任意单个字符（除了换行符，除非使用了 s 标志）。
- *: 重复零次或多次。
示例
假设我们想要将一个字符串分割成两组：
- 所有字符 a
- 所有不是 a 的字符
我们可以使用以下正则表达式：
const str = "abaca";
const regex = /(a)|((?:(?!a).)*)/g;
let match;
let results = [];
while ((match = regex.exec(str)) !== null) {
results.push(match);
}
console.log(results);这段代码将输出一个数组，其中包含所有匹配项。每个匹配项都是一个数组，其中：
- match[0] 是完整的匹配字符串。
- match[1] 是第一个捕获组（a）。
- match[2] 是第二个捕获组（不是 a 的字符）。
输出结果类似如下：
[ [ 'a', 'a', undefined, index: 0, input: 'abaca', groups: undefined ], [ 'b', undefined, 'b', index: 1, input: 'abaca', groups: undefined ], [ 'a', 'a', undefined, index: 2, input: 'abaca', groups: undefined ], [ 'c', undefined, 'c', index: 3, input: 'abaca', groups: undefined ], [ 'a', 'a', undefined, index: 4, input: 'abaca', groups: undefined ] ]
可以看到，字符串被成功地分割成了 a 和非 a 的字符。
注意事项
- 性能: 包含否定前瞻断言的正则表达式可能比简单的正则表达式性能更差，特别是在处理长字符串时。在性能敏感的场景中，需要仔细评估其影响。
- 复杂性: 复杂的正则表达式可能难以理解和维护。建议添加清晰的注释，并进行充分的测试。
- 回溯引用: 在正则表达式中，\1 这样的回溯引用指的是之前捕获组实际匹配到的文本，而不是表达式本身。因此，它不能用于排除特定的表达式。
- 起始位置: ^ 匹配字符串的开头，而不是行的开头（除非使用了 m 标志）。
总结
使用否定前瞻断言是 JavaScript 正则表达式中一个强大的技巧，可以用于捕获未被其他分组匹配的内容。通过理解其原理和注意事项，我们可以灵活地应用它来解决各种字符串处理问题，例如语法高亮、数据验证等。 记住，在实际应用中，要权衡其性能和复杂性，选择最合适的解决方案。
