嘿，这个需求我日常开发中碰到过好几次，刚好有两个靠谱的方案——优先用Lodash（代码超简洁），如果不想引入依赖，纯JS的迭代方案性能也拉满，给你详细拆解下：

先明确需求示例 #

假设我们有这样的路径数组：

const pathArray = [
  "home/docs/report.pdf",
  "home/docs/photo.jpg",
  "home/downloads",
  "settings/profile"
];

要转换成这样的树形对象：

{
  home: {
    docs: {
      "report.pdf": {},
      "photo.jpg": {}
    },
    downloads: {}
  },
  settings: {
    profile: {}
  }
}

方案一：用Lodash实现（最简洁） #

如果你的项目已经引入了Lodash，那_.set方法就是为这个场景量身定做的！它会自动帮你创建嵌套的对象层级，完全不用自己写递归逻辑：

const _ = require('lodash');

function pathsToTree(paths) {
  const tree = {};
  paths.forEach(path => {
    // 把路径拆分成数组，比如"home/docs"拆成["home", "docs"]
    const pathSegments = path.split('/');
    // 用_.set把路径对应的层级设置到tree里，最后一个节点设为空对象（可按需修改）
    _.set(tree, pathSegments, {});
  });
  return tree;
}

为什么选这个？ #

• 代码量极少，可读性拉满，几乎不用额外思考逻辑
• Lodash的_.set内部已经做了边界处理，比如空路径、重复路径的情况都能自动处理
• 如果需要给叶子节点加额外属性，比如把{}换成{ type: 'file', size: 1024 }，直接改最后一个参数就行

方案二：纯JS迭代实现（无依赖，性能最优） #

如果不想引入Lodash，或者需要极致性能（比如处理上万个路径），用迭代的方式比递归更稳妥（避免递归栈溢出），代码也不难写：

function pathsToTree(paths) {
  const tree = {};
  
  paths.forEach(path => {
    let currentNode = tree;
    // 拆分路径为分段数组
    const segments = path.split('/');
    
    segments.forEach((segment, index) => {
      // 如果当前层级没有这个节点，就创建空对象
      if (!currentNode[segment]) {
        currentNode[segment] = {};
      }
      // 移动指针到下一个层级
      currentNode = currentNode[segment];
    });
  });
  
  return tree;
}

优势说明 #

• 完全无依赖，不需要额外引入库
• 迭代逻辑比递归更高效，尤其是处理深度极深的路径时，不会出现栈溢出问题
• 逻辑清晰，容易自定义扩展（比如在叶子节点标记是否为文件/文件夹）

额外扩展：处理带数据的路径 #

如果你的路径数组每个元素还附带数据（比如["home/docs/report.pdf", { size: 2048 }]），只需要稍微修改代码：

// 纯JS版本修改示例
function pathsToTreeWithData(pathsWithData) {
  const tree = {};
  
  pathsWithData.forEach(([path, data]) => {
    let currentNode = tree;
    const segments = path.split('/');
    const lastIndex = segments.length - 1;
    
    segments.forEach((segment, index) => {
      if (!currentNode[segment]) {
        // 最后一个节点用传入的数据，其他层级为空对象
        currentNode[segment] = index === lastIndex ? data : {};
      }
      currentNode = currentNode[segment];
    });
  });
  
  return tree;
}

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