JavaScript 文件目录转树形结构

迷南。 2022-09-04 05:52 208阅读 0赞

/* source: /a/b/c/d/e /a/b/e/f/g /a/b/h /a/i/j /a/i/k result: a / \ b i /|\ / \ c e h j k | | d f | | e g */
    
    const treeDTO = []
    const baseData = [
    	'a/b/c/d/e',
        'a/b/e/f/g',
        'a/b/h',
        'a/i/j',
        'a/i/k'
    ]
    baseData.forEach(item => { 
      const nodeArray = item.split('/')
      let children = treeDTO
      // 循环构建子节点
      for (const i of nodeArray) { 
        const node = { 
          label: i
        }
        if (children.length === 0) { 
          children.push(node)
        }
        let isExist = false
        for (const j in children) { 
          if (children[j].label === node.label) { 
            if (!children[j].children) { 
              children[j].children = []
            }
            children = children[j].children
            isExist = true
            break
          }
        }
        if (!isExist) { 
          children.push(node)
          if (!children[children.length - 1].children) { 
            children[children.length - 1].children = []
          }
          children = children[children.length - 1].children
        }
      }
    })
    
    console.log(treeDTO)

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java List集合转树形结构

一、首先表设计和返回体设计，需要包含： 1、parent\_id 父节点ID，存与它关联的父节点ID,最大的父节点设置为0。 2、返回体需要增加一个该实体类型的子集合

青旅半醒/ 2024年04月06日 14:57/ 0 赞/ 92 阅读

相关 list转树形结构

先上效果 ![在这里插入图片描述][20200107203807731.png] //实体类 class TreeNode{ String

不念不忘少年蓝@/ 2023年06月28日 06:22/ 0 赞/ 111 阅读

相关 js数据转树形结构

[https://www.cnblogs.com/dirgo/p/12375887.html][https_www.cnblogs.com_dirgo_p_12375887.h

不念不忘少年蓝@/ 2023年03月12日 07:11/ 0 赞/ 57 阅读

相关扁平数据转树形结构探究

前言前段时间，由于业务需求，需要把后端返回的扁平化的数组结构，转换成树形结构，以适应于前端多级菜单栏的渲染，一开始查阅了一些资料，但发现并不是自己想要的答案。为了得到自

快来打我*/ 2023年01月18日 12:19/ 0 赞/ 35 阅读

相关 Windows 树形结构显示文件夹目录结构 - tree

Windows 树形结构显示文件夹目录结构 - tree 1. `tree` Microsoft Windows [版本 10.0.19041.450]

客官°小女子只卖身不卖艺/ 2022年12月06日 15:08/ 0 赞/ 340 阅读

相关 JAVA List 转树形结构

package com.java.utils; import com.alibaba.fastjson.JSON; import com.go

一时失言乱红尘/ 2022年10月06日 15:55/ 0 赞/ 201 阅读

相关 linux--tree命令以树形结构显示文件目录结构

tree命令可以以树形结构显示文件目录结构，它非常适合于我们给别人介绍我们的文件目录的组成框架，同时该命令使用适当的参数也可以将命令结果输出到文本文件中。注：此处以ubun

﹏ヽ暗。殇╰゛Y/ 2022年09月25日 14:24/ 0 赞/ 340 阅读

相关 JavaScript 文件目录转树形结构

/ source: /a/b/c/d/e /a/b/e/f/g /a/b/h /a/i/j /a/i/k result: a / \ b i /|\ / \ c e h

迷南。/ 2022年09月04日 05:52/ 0 赞/ 209 阅读

相关 Tree: 列出树形目录和文件

原贴:http://linuxtoy.org/archives/tree.html Tree: 列出树形目录和文件 2009-04-17 [Toy][] Post

分手后的思念是犯贱/ 2022年08月13日 16:36/ 0 赞/ 209 阅读

相关 note 集合转树形结构

package com.ctl; import com.hanshow.wise.base.common.util.StringUtil; i

￡神魔★判官ぃ/ 2022年01月14日 10:43/ 0 赞/ 231 阅读