首页 > 编程开发 > JavaScript    日期:2022-08-03 / 浏览

目录

原生 封装工具函数 getTree

1.1 定义

-映射对象 map

数组 treeList=[]

1.2 遍历后端返回的数组 list 为 每个数组对象item 添加 children 属性 值为空数组

js实现数组转树示例

1.3 为映射对象 map 添加属性 并赋值key:id值 value:item

js实现数组转树示例

1.4 遍历数组对象list 当item.pid为空时 为一级目录 将该一级目录数组对象 添加到treeList中

js实现数组转树示例

1.5 通过 item.pid获取到 id 不为空时 获取数组对象 pid为01

js实现数组转树示例

1.6 获取 映射对象 map 获取到 属性名01 将该数组对象item 添加 到children中 并返回到treeList中

代码:

js实现数组转树示例

结构图:

js实现数组转树示例

以上就是js实现数组转树示例的详细内容,更多关于js数组转树的资料请关注其它相关文章!

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章