什么？前瞻断言和后瞻断言居然可以这么牛？

JavaScript 中的前瞻断言（lookahead）和后瞻断言（lookbehind）相信用过的小伙伴就知道它的威力了，在一些特定的需求场景下，可以做到四两拨千斤的作用，今天让我们来盘点一下在 JavaScript 正则表达式中这两个秘密武器吧。

前瞻断言和后瞻断言，在其他语言的正则表达式中也存在，这个特性不是 JavaScript 的专属

概念定义

不管是前瞻断言还是后瞻断言，最终目的都是寻找在指定的模式（pattern）下，这个指定模式(pattern)下前面或者后面的字符子串，得到的结果永远是这些 前面或者后面的字符子串 而不是这个指定的模式（pattern）本身

前瞻或后瞻在匹配的时候不会实际匹配和捕获字符，只是检查某个位置前后是否符合指定条件，并不会改变正则的 lastIndex，在检查完之后，正则表达式的其他部分继续进行匹配。

前瞻断言

在中文互联网上 lookahead 被翻译成前瞻断言、先行断言等

前瞻断言，是用于在检查后面的子串是否匹配某个模式，前瞻断言包括正向前瞻和负向前瞻断言。

正向前瞻：X(?=pattern)，如果 X 后面的子串符合 pattern模式，就匹配 X。
负向前瞻：X(?!pattern)，如果 X 后面的子串不符合 pattern模式，就匹配 X。

后瞻断言

在中文互联网上 lookahead 被翻译成后瞻断言、后行断言等

后瞻断言，是用于在检查前面的子串是否匹配某个模式，后瞻断言包括正向后瞻断言和负向后瞻断言。

正向后瞻：(?<=pattern)X，匹配 X 前面满足pattern 的子串。
负向后瞻：(?<!pattern)X，匹配 X 前面不满足 pattern 的子串。

这里有点需要注意的是 前瞻断言是检查后面的子串是否匹配，后瞻断言是检查前面的子串是否匹配。

这个规则感觉就是主打一个叛逆....

直接上代码

前瞻断言

正向前瞻

利用正向前瞻实现金额字符串格式化为带有千分位分隔符的格式。例如 12345，转化为 12,345

解释一下上述的正则表达式：

\B：匹配非单词边界。确保逗号不会被添加在开头
(?=(\d{3})+(?!\d))：匹配符合右侧有一个或多个三位数字，且这些三位数字不是字符串的结尾。

这个正则同时使用了正向前瞻和负向前瞻。刚开始可能比较绕，可以看看下面的可视化原理慢慢消化一下

通过上述正则匹配到的结果，再使用 replace 方法用来替换为逗号，即可实现金额的千分位

负向前瞻

我们可以用负向前瞻来过滤一些不符合条件的字符子串。例如下面我们需要匹配出不是金额的数字。

/\d+\b(?!元)/g 正则语法的意思是 “搜索字符中的数字，但前提是后面没有元这个字符”。

\b 是用于匹配一个单词的边界。这里使用 \b 就是为了匹配完整的数字。不然上面的测试用例里面的 15 中的数字 1 也符合属于数字，而且1后面也没有跟元这个字符
单词边界指的是在单词字符（字母、数字或下划线）和非单词字符（如空格、标点符号或其他字符）之间的位置，同时字符串的开头或结尾也存在单词的边界。