JavaScript正则如何匹配非单词+单词边界？示例匹配疑问解析

嘿，这个问题问到点子上了，我来给你掰扯明白～

首先得先搞清楚**单词边界\b**的本质：在JS正则里，\b匹配的是一个「位置」，而非具体字符。这个位置满足两种情况之一：

• 一边是单词字符（\w，也就是字母、数字、下划线），另一边是非单词字符（\W，除了\w之外的所有字符）；
• 该位置是字符串的开头或结尾。

那要匹配「非单词字符+单词边界」，得分两种场景：

1. 非单词字符紧跟在单词边界之后：比如要匹配字符串开头的非单词字符（比如"!hello"里的!），可以用/\b\W/——这里开头是字符串边界（属于\b的一种），后面跟着非单词字符!，就能匹配到。
2. 非单词字符后面跟着单词边界：比如要匹配"hello!"里的!（因为!后面是字符串结尾，属于单词边界），或者"hello!world"里的!（!是非单词字符，后面的w是单词字符，中间的位置就是\b），可以用/\W\b/。举个例子，正则/!\b/就能匹配"hello!"里的!，也能匹配"hello!world"里的!。

如果是要匹配特定的非单词字符（比如逗号）加单词边界，就把\W换成具体字符就行，比如/,\b/，它会匹配那些后面跟着单词字符或字符串结尾的逗号。

咱们把这个正则拆开来分析：

• 开头的\b：要求匹配位置的左边是字符串开头或非单词字符——原句里"is,"前面是空格（非单词字符），"i"是单词字符，所以这个\b是匹配的；
• 中间的is,：确实能匹配到原句里的"is,"；
• 关键在最后的\b：它要求逗号后面的位置是单词边界。但原句里逗号后面是空格，逗号是非单词字符（\W），空格也是非单词字符（\W）——两边都是\W的话，中间不存在单词边界！

\b只在\w和\W（或首尾）的分界处才会出现，两个\W之间是没有\b的。所以最后这个\b匹配失败，导致整个正则找不到匹配项。

如果想要匹配原句里的"is,"，你可以直接去掉最后的\b，用/\bis,/；如果要确保逗号后面跟着空格，也可以写成/\bis, /；要是想匹配"is"后面跟非单词字符，且该字符后面是单词边界（比如像"is!beautiful"里的is!），那正则可以写成/\bis\W\b/，这时候!后面是b（\w），中间的位置就是\b，就能匹配成功。

内容的提问来源于stack exchange，提问作者coool