JS中如何将含对象路径语法的错误信息数组转换为嵌套结构对象

JS开发场景下完全可以实现这类带对象路径语法的字符串到嵌套结构对象的转换，无需依赖第三方库，通过原生逻辑即可完成。

输入输出示例 #

• 源结构（某函数返回的扁平错误反馈数组）：

const rawErrorList = [
    "users[0].name is invalid",
    "date is invalid",
    "address.ZIP is invalid"
]

• 目标转换结果：

const structuredError = {
     users: [{name: 'is invalid'}],
     date: 'is invalid',
     address: {
        ZIP: 'is invalid'
    }
}

核心实现思路 #

整个转换过程拆成两个核心步骤：

1. 字符串解析：对每条错误字符串做拆分，分离出对象路径段和错误提示文本。路径段就是字符串开头符合xxx.yyy[0].zzz语法的部分，剩下的末尾内容就是要挂载到路径末端的错误文本。
2. 路径分层挂载：把解析出的路径按语法拆成可遍历的节点序列，逐层判断节点类型（碰到数组下标语法就创建数组，碰到普通属性名就创建对象），沿着路径逐层深入到末端节点，把错误文本赋值上去。

可直接复用的实现代码 #

/**
 * 将扁平的路径式错误信息转换为嵌套结构对象
 * @param {string[]} errorList 原始扁平错误数组
 * @param {string} separator 路径与错误文本的分隔标识，默认为" is invalid"
 * @returns {object} 转换完成的嵌套结构对象
 */
function parsePathErrorToObject(errorList, separator = ' is invalid') {
  const result = {};

  for (const errorItem of errorList) {
    const splitIndex = errorItem.indexOf(separator);
    if (splitIndex === -1) continue; // 跳过格式不匹配的条目

    // 拆分路径内容和错误文本
    const rawPath = errorItem.slice(0, splitIndex);
    const errorMsg = errorItem.slice(splitIndex + separator.length).trim() || separator.trim();

    // 把数组下标语法归一化为点分隔格式，拆成路径段
    const pathSegments = rawPath
      .replace(/\[(\d+)\]/g, '.$1')
      .split('.')
      .filter(Boolean);

    // 逐层遍历创建嵌套结构
    let currentLevel = result;
    pathSegments.forEach((segment, index) => {
      const isLastNode = index === pathSegments.length - 1;
      const nextSegment = pathSegments[index + 1];

      if (isLastNode) {
        // 到路径末端，直接赋值错误文本
        currentLevel[segment] = errorMsg;
        return;
      }

      // 给当前段初始化对应的容器类型（数组/对象）
      if (currentLevel[segment] === undefined) {
        const nextIsArray = nextSegment && /^\d+$/.test(nextSegment);
        currentLevel[segment] = nextIsArray ? [] : {};
      }
      // 深入到下一层级
      currentLevel = currentLevel[segment];
    });
  }

  return result;
}

效果验证 #

调用上述函数处理示例输入，输出结果完全匹配预期：

const testOutput = parsePathErrorToObject([
    "users[0].name is invalid",
    "date is invalid",
    "address.ZIP is invalid"
]);
/*
输出结构：
{
  users: [ { name: 'is invalid' } ],
  date: 'is invalid',
  address: { ZIP: 'is invalid' }
}
*/

可扩展调整点 #

如果碰到同一路径下有多条错误的场景，只需要在末端节点赋值的位置加判断：如果当前节点已有值，就把新错误合并为数组结构即可，不需要改动核心的路径遍历逻辑。

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