数组转换树形结构

最新推荐文章于 2024-07-19 13:54:51 发布

菜下饭

最新推荐文章于 2024-07-19 13:54:51 发布

阅读量130

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_32998753/article/details/125999663

版权

菜单数据树结构递归前端管理数组转换

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

菜单数据

var menus = [
    { id: '1', pid: '0', title: '用户管理' },
    { id: '2', pid: '0', title: '角色管理' },
    { id: '3', pid: '0', title: '设备管理' },
    { id: '4', pid: '1', title: '用户列表' },
    { id: '5', pid: '1', title: '编辑用户' },
    { id: '6', pid: '2', title: '角色列表' },
    { id: '7', pid: '2', title: '编辑角色' },
    { id: '8', pid: '3', title: '设备列表' },
];

转换结构

// 递归组成树结构
function arr2Tree(arr, id = '0') {
    var results = [];
    arr.forEach(item => {
        if(item.pid === id) {
            var d = {...item};
            var children = arr2Tree(arr, d.id);
            if(children?.length) d.children = children;
            results.push(d);
        }
    });
    return results;
}

arr2Tree(menus); // 返回树结构