树形结构，根据父子ID生成树形节点

最新推荐文章于 2024-03-28 09:39:55 发布

stagefront

最新推荐文章于 2024-03-28 09:39:55 发布

阅读量1.7w

点赞数 1

文章标签：树形结构父子ID 节点 JS web前端

本文链接：https://blog.csdn.net/sweetsmila/article/details/44954971

版权

本文介绍了一个在Web前端项目中根据父子ID构建树形结构的需求，提供了原始数据和格式化后的数据示例，并展示了一段JavaScript代码，用于将原始数据转换为树形节点的数据结构。

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

说明：因项目需要，根据父子ID建树的树形控件，要生成对应的树形节点。

原始数据

var treejson = [{"id":"1", "pid":"", "name":"node1", "node":""},
						{"id":"2", "pid":"1", "name":"node2", "node":""},
						{"id":"3", "pid":"1", "name":"node3", "node":""},
						{"id":"4", "pid":"1", "name":"node4", "node":""},
						{"id":"5", "pid":"2", "name":"node5", "node":""},
						{"id":"6", "pid":"2", "name":"node6", "node":""},
						{"id":"7", "pid":"2", "name":"node7", "node":""},
						{"id":"8", "pid":"7", "name":"node8", "node":""},
						{"id":"9", "pid":"7", "name":"node9", "node":""},
						{"id":"10", "pid":"7", "name":"node10", "node":""},
						{"id":"11", "pid":"10", "name":"node11", "node":""},
						{"id":"12", "pid":"10", "name":"node12", "node":""},
						{"id"