正则表达式 (Regex) 是前端开发的一个不可或缺的工具，其强大的匹配能力可以帮助我们轻松地处理文本、解析数据等任务。ES9 中新增的正则表达式特性可帮助我们更加灵活和高效地解决一些复杂的文本问题，其中之一便是负向前瞻 (Negative Lookahead)。
什么是负向前瞻？
正向前瞻 (Positive Lookahead) 和负向前瞻 (Negative Lookahead) 是正则表达式中的两个重要概念。简单来说，它们是一种匹配模式，可以在不匹配特定字符的情况下，匹配文本的一部分。正向前瞻用于匹配后面跟着某个字符或字符串的文本，负向前瞻则用于匹配后面不跟着某个字符或字符串的文本。
下面是一个例子：
const regex = /foo(?!bar)/;
console.log(regex.test('foo123')); // true
console.log(regex.test('foobar')); // false这个正则表达式 /foo(?!bar)/ 匹配字符 foo，但它的后面不能跟着字符串 bar。例如上述代码中，第一个 console.log() 输出 true，因为 foo 后面没有跟着 bar；而第二个 console.log() 输出 false，因为 foo 后面跟着了 bar。
负向前瞻的问题
尽管负向前瞻在一些情况下非常有用，但它也存在一些问题。一个常见的问题是，负向前瞻只匹配字符之后的内容，而不是字符本身。这就意味着，如果我们想要匹配的内容既包括字符本身，也包括其后面的文本，负向前瞻则无能为力。
ES9 中的解决方法
幸运的是，在 ES9 中，我们可以使用正则表达式的新特性，通过使用“反向字符集” (Negative Character Set) 来解决上述问题。与负向前瞻不同，反向字符集可以匹配特定字符之后的字符和特定字符本身。
const regex = /foo(?!bar)/;
const regex_ES9 = /foo[^b][^a][^r]/;
console.log(regex.test('foo123')); // true
console.log(regex.test('foobar')); // false
console.log(regex_ES9.test('foo123')); // true
console.log(regex_ES9.test('foobar')); // false在上面的代码中，我们使用了一个新的正则表达式 /foo[^b][^a][^r]/ 来替代了原先的 /foo(?!bar)/，它的作用是匹配 foo，但要求其后面的三个字符不是 bar。值得注意的是，我们使用了一个反向字符集 [^b][^a][^r] 来代替了 bar。这个字符集匹配除了 b, a, 和 r 之外的任何字符，这样就可以包含 foo 后面的所有字符了。
如何使用反向字符集
反向字符集和负向前瞻的语法有些不同。反向字符集使用 [^] 的形式，其中 ^ 表示取反。例如：
[^abc]表示不匹配a,b, 或c的任何字符[^a-d]表示不匹配a,b,c, 或d的任何字符[^a-zA-Z]表示不匹配任何字母字符
当然，我们也可以使用反向字符集结合其他正则表达式元字符来创建更加复杂的模式。例如：
const regex_ES9 = /foo[^b][^a-z]{1,3}/;
console.log(regex_ES9.test('foo123')); // false
console.log(regex_ES9.test('foobar')); // false
console.log(regex_ES9.test('fooB1234')); // true在上述代码中，该正则表达式 /foo[^b][^a-z]{1,3}/ 匹配字符 foo，一个非 b 的字符，以及长度为 1 到 3 的非小写字母字符。这意味着 fooB1234 是一个有效的匹配，因为其后三个字符 123 都是非小写字母字符。
总结
在本文中，我们了解了负向前瞻的概念，以及在一些情况下它存在的问题。然后，我们介绍了 ES9 中新增的反向字符集特性，可以帮助我们更加灵活地解决复杂的文本匹配问题。最后，我们提供了一些实际的例子来演示如何使用新的反向字符集特性。希望这篇文章能对需要处理复杂文本问题的前端开发人员有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a2869248841e9894eee7a2