路径字符串数据转化为树型层级对象，path to json tree

最新推荐文章于 2024-04-30 10:10:14 发布

weixin_30267697

最新推荐文章于 2024-04-30 10:10:14 发布

阅读量2.2k

点赞数

文章标签： json javascript java ViewUI

原文链接：http://www.cnblogs.com/liaozhenting/p/8343827.html

版权

博客讲述了如何将路径字符串数据转化为树型层级对象，适用于React和Ant Design的Tree组件。内容包括转化数组为带层级的树形数据，处理特殊情况如缺失层级，以及遍历树节点去除最低层级的children属性，并实现文件名长度限制。此外，还介绍了处理pid表示层级的数据转换，以及树形组件的搜索功能实现。

摘要由CSDN通过智能技术生成

在参考文章 http://www.jb51.net/article/122967.htm 和 stackoverflow的一个路径转字符的回答后,记录一下完成业务的代码.

转化数组为带层级的数据其一

由于项目中使用了react 及 ant-design ，在使用tree树型控件时，需要
类似下面的数据，

const treeData = [{
  title: '0-0',
  key: '0-0',
  children: [{
    title: '0-0-0',
    key: '0-0-0',
    children: [
      { title: '0-0-0-0', key: '0-0-0-0' },
      { title: '0-0-0-1', key: '0-0-0-1' },
      { title: '0-0-0-2', key: '0-0-0-2' },
    ],
  }];

但是AWS传输过来的是下面这样的路径字符串数组，这就需要我们进行转化为树形层级对象了。

 var arr=[
    "root/",
    "root/a/",
    "root/a/new_b.png",
    "root/a/qa/",
    "root/a/qa/新建文本文档 (3).txt",
    "root/asdfasdfasdfasdfasdfasdfasdf.txt",
    "root/b.png",
    "root/instqj_gfzqhk.exe",
    "root/jupyter_notebook.png",
    "root/new_b.png",
    "root/output/new_b.png",
    "root/soffice.exe",
    "root/ti/asdfasdfasdfasdfasdfasdfasdf.txt