JavaScript如何拆分组件名含转义斜杠/的路径字符串

你之前的正则出现匹配错误，是因为只处理了\/这一种转义场景，没有覆盖反斜杠本身转义的情况（例如\\/中，前两个反斜杠是转义的反斜杠本身，第三个字符/是未被转义的分隔符）。

JavaScript没有内置处理这类自定义转义路径拆分的标准函数，可通过以下两种方案实现：

正则实现（现代环境推荐） #

使用全局匹配正则直接提取所有有效路径组件，规则为匹配「转义后的任意字符」或「非/的普通字符，兼容性覆盖所有支持ES2018的浏览器和Node.js版本：

function splitEscapedPath(path, needUnescape = true) {
  // 提取所有有效组件
  const components = path.match(/(?:\\[\s\S]|[^/])+/g) || [];
  // 可选参数控制是否去除转义符，得到实际组件名
  return needUnescape 
    ? components.map(comp => comp.replace(/\\(.)/g, '$1'))
    : components;
}

测试示例 #

// 基础测试用例
console.log(splitEscapedPath('aaaa/bbb\\/ccc')); 
// 输出：['aaaa', 'bbb/ccc']

// 复杂测试用例
const testStr = 'this/is\\/a/\\/str\\\\/ing';
// 保留转义符的拆分结果
console.log(splitEscapedPath(testStr, false));
// 输出：['this', 'is\\/a', '\\/str\\\\', 'ing'] 完全符合你的预期
// 还原转义符后的实际组件名
console.log(splitEscapedPath(testStr));
// 输出：['this', 'is/a', '/str\\', 'ing']

字符遍历实现（全兼容） #

如果需要兼容极老的运行环境，可以用逐字符遍历的方式实现，逻辑更直观可控：

function splitEscapedPath(path, needUnescape = true) {
  const components = [];
  let current = '';
  let isEscaped = false;

  for (const char of path) {
    if (isEscaped) {
      current += char;
      isEscaped = false;
      continue;
    }
    if (char === '\\') {
      current += char;
      isEscaped = true;
      continue;
    }
    if (char === '/') {
      components.push(current);
      current = '';
      continue;
    }
    current += char;
  }
  if (current) components.push(current);

  return needUnescape 
    ? components.map(comp => comp.replace(/\\(.)/g, '$1'))
    : components;
}

该实现的测试结果和正则实现完全一致。

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