JavaScript中按管道符分割字符串，跳过转义管道符的实现方案

我懂你碰到的麻烦了——想把字符串按管道符|分割，但要跳过被转义的\|，结果直接用(?<!\\)[|]在JavaScript里要么报错要么达不到预期。这主要是因为ES2018之前的JavaScript不支持反向否定预查（negative lookbehind assertions），就算是支持的环境，转义字符的处理也得注意细节。下面给你两种靠谱的解决办法：

方法一：用ES2018+支持的反向否定预查 #

如果你的运行环境是现代浏览器、Node.js 10+这类支持ES2018及以上的，可以修正正则的转义写法：
在JavaScript字符串里，反斜杠本身需要转义，所以原来的正则(?<!\\)[|]要写成/(?<!\\)\|/；如果用RegExp构造函数，就得写成new RegExp('(?<!\\\\)\\|', 'g')。

示例代码：

const str = 'aa\\|aa|bb|cc|dd\\|dd|ee'; // 注意这里的转义，实际对应字符串是aa\|aa|bb|cc|dd\|dd|ee
const result = str.split(/(?<!\\)\|/);
console.log(result); // 输出: ["aa|aa", "bb", "cc", "dd|dd", "ee"]

方法二：兼容旧环境的匹配法（更推荐） #

要是得兼容不支持后行断言的旧环境，换个思路反而更简单：直接匹配所有不需要分割的片段，而不是去分割分隔符。可以用正则(?:[^|\\]|\\.)+，它的意思是：匹配任意不是管道符或反斜杠的字符，或者匹配一个转义后的字符（比如\|），重复一次或多次。

示例代码：

const str = 'aa\\|aa|bb|cc|dd\\|dd|ee';
const result = str.match(/(?:[^|\\]|\\.)+/g) || [];
console.log(result); // 输出: ["aa|aa", "bb", "cc", "dd|dd", "ee"]

这个办法兼容性拉满，逻辑也更直观——直接把所有符合要求的片段提取出来，不用纠结分割符的各种特殊情况。

额外小提示 #

如果之后需要把转义的管道符还原成普通管道符，可以遍历结果做个替换：

const unescapedResult = result.map(item => item.replace(/\\\|/g, '|'));

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