【js】扁平结构转换树状结构_reduce方法

最新推荐文章于 2024-06-21 16:41:46 发布

咸蛋超人l

最新推荐文章于 2024-06-21 16:41:46 发布

阅读量194

点赞数

分类专栏：数据类型转换文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_50636536/article/details/128349173

版权

数据类型转换专栏收录该内容

3 篇文章 0 订阅

订阅专栏

        const data = [
            { id: 0, parentId: null, name: "node0" },
            { id: 1, parentId: 0, name: "node1" },
            { id: 2, parentId: 0, name: "node2" },
            { id: 3, parentId: 0, name: "node3" },
            { id: 4, parentId: 1, name: "node4" },
            { id: 5, parentId: 1, name: "node5" },
            { id: 6, parentId: 2, name: "node6" },
            { id: 7, parentId: 4, name: "node7" },
        ];
        const result = data.reduce(function (prev, curr, i, arr) {
            curr.children = arr.filter(v => v.parentId === curr.id)
            if (!curr.parentId) {
                prev.push(curr)
            }
            return prev
        }, [])
        console.log(result)