转化轮询数据成树状结构

2024-08-21 20:04

本文主要是介绍转化轮询数据成树状结构,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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.chinasem.cn/article/1094142

相关文章

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

MySQL大表数据的分区与分库分表的实现

《MySQL大表数据的分区与分库分表的实现》数据库的分区和分库分表是两种常用的技术方案,本文主要介绍了MySQL大表数据的分区与分库分表的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有... 目录1. mysql大表数据的分区1.1 什么是分区?1.2 分区的类型1.3 分区的优点1.4 分

Mysql删除几亿条数据表中的部分数据的方法实现

《Mysql删除几亿条数据表中的部分数据的方法实现》在MySQL中删除一个大表中的数据时,需要特别注意操作的性能和对系统的影响,本文主要介绍了Mysql删除几亿条数据表中的部分数据的方法实现,具有一定... 目录1、需求2、方案1. 使用 DELETE 语句分批删除2. 使用 INPLACE ALTER T

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

使用Java实现通用树形结构构建工具类

《使用Java实现通用树形结构构建工具类》这篇文章主要为大家详细介绍了如何使用Java实现通用树形结构构建工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录完整代码一、设计思想与核心功能二、核心实现原理1. 数据结构准备阶段2. 循环依赖检测算法3. 树形结构构建4. 搜索子

Redis 中的热点键和数据倾斜示例详解

《Redis中的热点键和数据倾斜示例详解》热点键是指在Redis中被频繁访问的特定键,这些键由于其高访问频率,可能导致Redis服务器的性能问题,尤其是在高并发场景下,本文给大家介绍Redis中的热... 目录Redis 中的热点键和数据倾斜热点键(Hot Key)定义特点应对策略示例数据倾斜(Data S

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

Python实现将MySQL中所有表的数据都导出为CSV文件并压缩

《Python实现将MySQL中所有表的数据都导出为CSV文件并压缩》这篇文章主要为大家详细介绍了如何使用Python将MySQL数据库中所有表的数据都导出为CSV文件到一个目录,并压缩为zip文件到... python将mysql数据库中所有表的数据都导出为CSV文件到一个目录,并压缩为zip文件到另一个

Java强制转化示例代码详解

《Java强制转化示例代码详解》:本文主要介绍Java编程语言中的类型转换,包括基本类型之间的强制类型转换和引用类型的强制类型转换,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录引入基本类型强制转换1.数字之间2.数字字符之间引入引用类型的强制转换总结引入在Java编程语言中,类型转换(无论

SpringBoot整合jasypt实现重要数据加密

《SpringBoot整合jasypt实现重要数据加密》Jasypt是一个专注于简化Java加密操作的开源工具,:本文主要介绍详细介绍了如何使用jasypt实现重要数据加密,感兴趣的小伙伴可... 目录jasypt简介 jasypt的优点SpringBoot使用jasypt创建mapper接口配置文件加密