后台管理系统组织架构数组转树方法之二

最新推荐文章于 2024-04-06 22:00:09 发布

衔钰

最新推荐文章于 2024-04-06 22:00:09 发布

阅读量166

点赞数

分类专栏： js基础文章标签： servlet java jvm

本文链接：https://blog.csdn.net/luzixi/article/details/127342524

版权

这篇博客介绍了如何将后台管理系统中的组织架构数据从数组形式转换为树形结构。文章提供了一个JavaScript函数`tranListToTreeData`，该函数遍历输入的数组，建立映射关系并补充children属性，然后根据pid将元素归类到对应的父级节点下，最终生成树结构数据。示例数据包括总裁办、财务部、技术部等不同部门及其子部门。

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

  [
   { 'id': '29', 'pid': '', 'name': '总裁办' },
{ 'id': '2c', 'pid': '', 'name': '财务部' },
{ 'id': '2d', 'pid': '2c', 'name': '财务核算部'},
{ 'id': '2f', 'pid': '2c', 'name': '薪资管理部'},
{ 'id': 'd2', 'pid': '', 'name': '技术部'},
{ 'id': 'd3', 'pid': 'd2', 'name': 'Java研发部'}

  ]
export function tranListToTreeData(list) {
// 1. 定义两个变量
const treeList = []; const map = {}
// 2. 建立一个映射关系，并给每个元素补充children属性.
// 映射关系: 目的是让我们能通过id快速找到对应的元素
// 补充children：让后边的计算更方便
list.forEach(item => {
if (!item.children) {