js 一维数组转换为树形结构

失眠的咕噜

于 2023-04-21 17:20:45 发布

阅读量490

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44104341/article/details/130293477

该文章介绍了一个静态方法arrayToTree，用于将具有parentUIPermissionId的一维数组转换为树形数据结构。方法通过遍历数组，查找父ID匹配的节点并构建子节点树。最后返回转化后的树形数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    // 一维数组处理为树形
    static arrayToTree(arr: any, parentId = null) {
        const tree: any = []
        arr.forEach((node: any) => {
            if (node.parentUIPermissionId === parentId) {
                const children = this.arrayToTree(arr, node.id)
                if (children.length > 0) {
                    node.children = children
                }
                tree.push(node)
            }
        })
        return tree
    }

调用：