js实现数组转树示例
更新时间：2022年06月27日 10:12:45 作者：FBI_6720
这篇文章主要为大家介绍了js实现数组转树示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
原生 封装工具函数 getTree
1.1 定义
-映射对象 map
数组 treeList=[]
1.2 遍历后端返回的数组 list 为 每个数组对象item 添加 children 属性 值为空数组
1.3 为映射对象 map 添加属性 并赋值key:id值 value:item
1.4 遍历数组对象list 当item.pid为空时 为一级目录 将该一级目录数组对象 添加到treeList中
1.5 通过 item.pid获取到 id 不为空时 获取数组对象 pid为01
1.6 获取 映射对象 map 获取到 属性名01 将该数组对象item 添加 到children中 并返回到treeList中
代码:
结构图:
以上就是js实现数组转树示例的详细内容，更多关于js数组转树的资料请关注脚本之家其它相关文章！
相关文章
图片轮换的效果随处可见，但是我还是试着封装了一个函数。一个页面上可以多次调用。。。由于初学代码写的不是多好，其中有个文件是可以踢出到一个js文件里的，这是为了测试方便，我都给放在了一个页面里了。2011-09-09
这篇文章主要介绍了关于微信上网页图片点击全屏放大效果的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了小程序如何自主实现拦截器,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
在日常的图片处理中,我们经常会遇到需要抠图的情况,无论是为了美化照片、制作海报,还是进行图片合成,抠图对于我们来说也是一种很常用的功能了,今天就让我们一起来看下怎么使用canvas来实现一个锚点抠图功能2024-03-03
这篇文章主要为大家详细介绍了js+html+css实现手动轮播和自动轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
js中string转int把String类型转化成int类型
今天碰到一个问题，需要把String类型的变量转化成int类型的，js中String转int和Java中不一样，不能直接把Java中的用到js中2014-08-08
先来看一下几个常用浏览器的拦截设置2010-02-02
这篇文章主要介绍了JS实现添加,替换,删除节点元素的方法,实例分析了javascript针对节点元素的替换、删除及常用的几种添加技巧,需要的朋友可以参考下2016-06-06
这篇文章主要为大家分享了js实现搜索框关键字智能匹配代码，感兴趣的朋友可以参考一下2016-01-01
用JavaScript编写出来的COM组件称为WSC。WSC即Windows脚本组件（Windows Scripting Component），是Microsoft COM的一个新技术，可以通过易于使用的脚本语言来创建。2009-03-03
最新评论