将数据使用js实现树形结构

最新推荐文章于 2024-08-22 17:38:39 发布

努力站桩的奶酪呦

最新推荐文章于 2024-08-22 17:38:39 发布

阅读量122

点赞数

文章标签：前端 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/liuli0927/article/details/129364970

版权

本文详细介绍了如何利用JavaScript来构建和操作树形数据结构，涵盖了从简单数据转换到递归函数的应用，帮助读者理解如何在前端开发中有效地管理层次化数据。

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

let cityList = [
                {id: 1, parentId: 0,name: '江苏省'},
                {id: 2,parentId: 0,name: '广东省'},
                {id: 3,parentId: 0,name: '湖南省'},
                {id: 4,parentId: 1,name: '苏州市'},
                {id: 5,parentId: 1,name: '无锡市'},
                {id: 6,parentId: 1,name: '南通市'},
                {id: 7,parentId: 2,name: '广州市'},
                {id: 8,parentId: 2,name: '深圳市'},
                {id: 9,parentId: 3,name: '长沙市'},
                {id: 10,parentId: 4,name: '工业园区'},
                {id: 11,parentId: 4,name: '吴中区'},
                {id: 12,parentId: 4,name: '姑苏区'}
            ];
            listToTree();
            function listToTree() {
                console.log(111111111)
                let array = [];
                cityList .forEach(item =&g