JS----前端将列表数据转树型数据

news/2024/9/23 14:31:56/

前端将列表数据转树型数据

场景:后端返回列表数据,由前端根据业务需求完成树型数据转换,
常用于侧边导航菜单,下拉树型数据项等

export function listToTree(data: []) {var map: any = {},tree: any = []data.forEach((item: any) => {delete item?.childrendelete item?.paramsif (!item.label) {item.label = item?.name ?? item?.title}if (!item.value) {item.value = item?.id}map[item?.id] = item})/*** 以原数据量循环拼装父,子级*/data.forEach((item: any) => {var parent = map[item?.pid]if (parent) {(parent.children || (parent.children = [])).push(item)} else {tree.push(item)}})return tree
}

如:菜单
在这里插入图片描述


http://www.ppmy.cn/news/1443250.html

相关文章

android 修改最低亮度值,不要太暗

/frameworks/base/core/java/com/android/internal/display/BrightnessSynchronizer.java 修改最低亮度,不能太暗看不见 /** * Converts between the int brightness system and the float brightness system. */ public static float brightnessInt…

【Python】使用 OpenCV 读取深度图,并转换深度图可视化显示

OpenCV 提供了多种工具来处理深度图数据,包括读取、显示、滤波、转换以及利用深度信息进行三维重建等。 1. 读取 使用IMREAD_UNCHANGED以保留深度信息 2. 转换 convertScaleAbs: 将深度图转换为更直观的表示形式,例如将其缩放到0-255范围以便显示。 …

如何3分钟,快速开发一个新功能

背景 关于为什么做这个代码生成器,其实主要有两点: 参与的项目中有很多分析报表需要展示给业务部门,公司使用的商用产品,或多或少有些问题,这部分可能是历史选型导致的,这里撇开不不谈;项目里面也有很多C…

python Django实现数据权限并使用MySQL保存角色一个简单的实例,定义模型来存储用户、角色和权限信息等

在Django中实现数据权限并使用MySQL保存角色,通常涉及以下几个步骤: 定义模型: 首先,你需要定义模型来存储用户、角色和权限信息。这通常包括用户模型(可以继承Django的内置User模型),角色模型…

Huggingface简单介绍

Hugging Face 是一个知名的开源平台和社区,专注于自然语言处理(NLP)领域,提供了丰富的资源和服务,包括但不限于以下几点: 模型库: 提供了大量的预训练模型,如基于Transformer架构的G…

使用TensorFlow 2.x实现深度学习模型的完整指南

TensorFlow 2.x 是一个强大的开源软件库,用于数据流编程,广泛应用于各种机器学习和深度学习模型的开发。这里将提供一个使用 TensorFlow 2.x 实现深度学习模型的基本步骤,包括环境设置、模型构建、训练和评估。 ### 步骤 1: 安装 TensorFlow…

SVM中常用的核函数及适用场景

常用的核函数 核函数(Kernel functions)在机器学习中尤其是在支持向量机(SVM)中扮演着重要的角色,它们能够将数据映射到高维空间,从而解决非线性问题。以下是一些常用的核函数及其适用场景: 线…

解决生产环境突然报错“Kibana server is not ready yet‘’

问题描述: 在生产环境上用docker-compose部署好ElasticSearch 和Kibana后(ElasticSearch基础用法-CSDN博客),Kibana上进行数据的增、删、改、查很是方便,但突然有一天在浏览器上打开kibana地址,提示‘Kiba…