JS递归拼装树形结构的表格

最新推荐文章于 2024-08-15 09:22:12 发布

●杨毅

最新推荐文章于 2024-08-15 09:22:12 发布

阅读量8.9k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/cnm_1314/article/details/79599904

版权

本文介绍如何处理数据格式为[id, pid, children]的记录，通过JS递归方法将扁平化的数据转换为树形结构，以便展示在表格中。示例数据仅包含id和pid，实际应用中children属性可能为空，需要通过代码生成。" 134456717,7327319,Python反射机制详解：动态导入与对象操作,"['Python', '开发语言', '动态编程']

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

数据格式： [{"id":2, "pid":1, "children":[{...},{...}]},{"id":3, "pid":1, "children":[{...},{...}]},.......]

注意：下面的样例数据没有children属性，children属性是在程序代码生成的，下面的样例数据只是简单的从数据库查，未做任何处理，如果实际中数据库查出来的就是树形结构的数据，js代码中的拼装树形结构数据的代码就不用了

样例图片：

大概意思就是父节点合子树的行

样例：var data = [{

"id": "24e1dab0615b4a37a1fe3eb4ad2cbddd",
"zbmc": "11111",
"sm": "teeetafsaffassafsa",
"zbjb": "1",
"parentId": "b294946f88554fc9bf89ee9ea9683feb",
"ckyj": "teeetafsaffassafsa"
}, {
"id": "2730a43d7e584b089542fa20c2323ac1",
"zbmc": "22222",
"sm": "",
"zbjb": "1",
"parentId": "b294946f88554fc9bf89ee9ea9683feb",
"ckyj": "212"
}, {
"id": "1bb0cc2080f44789aeece4c03b4cd56b",
"zbmc": "33333",
"sm": "",
"zbjb": "2",
"parentId": "2730a43d7e584b089542fa20c2323ac1",
"ckyj": "gds"
}, {
"id": "1bb0cc2080f44789aeece4c03b4cd56b6111",
"zbmc": "44444",