当前位置: 首页 > news >正文

转化轮询数据成树状结构

写个方法转化轮询数据成树状结构

const data = [{"URI": "","PathName": "1.txt","Reason": "","IsFolder": false,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "2.txt","Reason": "","IsFolder": false,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试1/","Reason": "","IsFolder": true,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试1/333.txt","Reason": "","IsFolder": false,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试1/冲冲冲","Reason": "","IsFolder": true,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试1/冲冲冲/555.txt","Reason": "","IsFolder": false,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试2/","Reason": "","IsFolder": true,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"},{"URI": "","PathName": "测试2/444.txt","Reason": "","IsFolder": false,"PackedSize": "0","UnPackedSize": "0","FileAccessTime": "2024-08-15T09:21:44Z"}
]const renderTree = (data) => {let TREE = []let temp = []data.forEach((item) => {let arr = item.PathName.split('/').filter(i => i)if (arr.length === 1) {item.label = item.PathName.replace(/\//, '')TREE.push({...item, children: []})} else {temp.push(item)}})const changeTreeData =  (TREE, TREE2) => {for (let i = 0; i < TREE.length; i++) {for (let j = 0; j < TREE2.length; j++) {let str = TREE2[j].PathName.split('/').filter(i => i)if (TREE[i].PathName.split('/')[0] === str[0] && str.length === 2) {let a = stra.shift()TREE2[j].PathName = a.join('')TREE2[j].label = a.join('')TREE[i].children.push({...TREE2[j], children: []})} else if (TREE[i].PathName.split('/')[0] === str[0]) {let a = stra.shift()TREE2[j].PathName = a.join('/')changeTreeData(TREE[i].children, [TREE2[j]])}}}}changeTreeData(TREE, temp)return TREE
}
console.log(renderTree(data))

http://www.mrgr.cn/news/3299.html

相关文章:

  • 什么是数据仓库ODS层?为什么需要ODS层?
  • SAP Parallel Accounting(平行分类账业务)配置及操作手册【适用于多国家会计准则】
  • Python 设置Excel工作表页边距、纸张大小/方向、打印区域、缩放比例
  • 鸿蒙HarmonyOS开发知识:命令行工具篇—“codelinter”
  • APP支付宝授权获取code uniapp
  • 探讨MySQL中 “约束“ 下的查询
  • 宠物空气净化器哪款能吸毛?希喂、米家宠物空气净化器测评分享
  • 安全基础学习-SM4加密算法
  • Windows 应用程序加密 - 功能强大、可定制、开源且完全免费
  • 机器学习——XGBoost
  • IO多路复用(Input/Output Multiplexing)
  • Redis中Sorted Set数据类型常用命令
  • IIS发布打包后文件
  • 加速科技精彩亮相2024中国(深圳)集成电路峰会
  • Python 批量修改 Word 文档中图片的大小并居中对齐
  • 微信小程序登陆
  • 游戏内音乐盒、游戏内实时翻译外国队友语音的实现思路
  • python-纸牌游戏(赛氪OJ)
  • 插屏广告在游戏APP中广告变现的独特优势
  • JVM 运行时内存结构简介