如何编写正则表达式匹配|分隔符连接字符串中的完整Token

我太懂你遇到的这个问题了！就像你说的，把字符串数组用|拼接后，比如['ab', 'abc', 'abcd'].join('|')得到ab|abc|abcd，想要精准匹配其中某一个完整的 Token，不管它在开头、结尾还是夹在两个分隔符中间，关键是不能误匹配到其他 Token 里的子串对吧？

你之前写的/(^\|)?<token>(\|$)?/确实有问题——比如想匹配ab的话，这个正则会把abc里的前两个字符也当成匹配项，根本没做到“完整匹配”的要求。

给你分享几个靠谱的解决办法：

最推荐：用环视（Lookaround）实现精准匹配 #

这种方式不会把分隔符包含在匹配结果里，还能严格确保目标 Token 的前后是分隔符或者字符串边界。比如要匹配ab，正则可以这么写：

/(?<=^|\|)ab(?=\||$)/

拆解一下逻辑：

• (?<=^|\|)：反向预查，确保目标 Token 的前面要么是字符串开头，要么是|分隔符
• ab：你要匹配的具体 Token 内容
• (?=\||$)：正向预查，确保目标 Token 的后面要么是|分隔符，要么是字符串结尾

拿ab|abc|abcd来测试，这个正则只会匹配第一个独立的ab，完全不会碰abc里的子串部分，完美符合需求。

如果你的 Token 里包含正则特殊字符（比如.、*这类），记得要先转义！比如 Token 是a.b，就要写成a\.b。在 JavaScript 里可以用代码自动转义：

const targetStr = 'ab|a.b|abcd';
const token = 'a.b';
// 转义 Token 中的正则特殊字符
const escapedToken = token.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
const regex = new RegExp(`(?<=^|\\|)${escapedToken}(?=\\||$)`);
console.log(targetStr.match(regex)); // 会精准匹配到 'a.b'

备选方案：用捕获组处理（兼容老环境） #

如果遇到不支持反向预查的老环境，可以用捕获组来实现，虽然会多一步处理，但效果一样：

/(^|\|)(ab)(\|$)/

这个正则会把分隔符和 Token 一起匹配到，你只需要取第二个捕获组的内容（也就是ab）就行。不过这种方式不如环视简洁，还是优先推荐第一种方法。

备注：内容来源于stack exchange，提问作者ilPittiz