当前位置:网站首页>js如何实现数组转树
js如何实现数组转树
2022-07-04 23:49:00 【亿速云】
js如何实现数组转树
本篇内容介绍了“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如何实现数组转树”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!
边栏推荐
- PermissionError: [Errno 13] Permission denied: ‘data. csv‘
- 45 year old professor, she threw two super unicorns
- Ffmpeg quick clip
- Observable time series data downsampling practice in Prometheus
- How long does it take to obtain a PMP certificate?
- go踩坑——no required module provides package : go.mod file not found in current directory or any parent
- Phpcms paid reading function Alipay payment
- 公司要上监控,Zabbix 和 Prometheus 怎么选?这么选准没错!
- PaddleOCR教程
- Servlet+jdbc+mysql simple web exercise
猜你喜欢
[binary tree] the maximum difference between a node and its ancestor
快解析——好用的内网安全软件
图解网络:什么是网关负载均衡协议GLBP?
In the enterprise, win10 turns on BitLocker to lock the disk, how to back up the system, how to recover when the system has problems, and how to recover quickly while taking into account system securi
How to apply for PMP project management certification examination?
人脸识别5- insight-face-paddle-代码实战笔记
The company needs to be monitored. How do ZABBIX and Prometheus choose? That's the right choice!
Selected cutting-edge technical articles of Bi Ren Academy of science and technology
[IELTS reading] Wang Xiwei reads P4 (matching2 paragraph information matching question [difficult])
高配笔记本使用CAD搬砖时卡死解决记录
随机推荐
Mit-6.824-lab4b-2022 (10000 word idea explanation - code construction)
Instructions for go defer
[IELTS reading] Wang Xiwei reading P3 (heading)
ECCV 2022 | Tencent Youtu proposed disco: the effect of saving small models in self supervised learning
如果炒股开华泰证券的户,在网上开户安全吗?
Solve the problem that the virtual machine cannot be remotely connected through SSH service
Illustrated network: what is gateway load balancing protocol GLBP?
Intelligence test to see idioms guess ancient poems wechat applet source code
CTF competition problem solution STM32 reverse introduction
S32 design studio for arm 2.2 quick start
The difference between cout/cerr/clog
French scholars: the explicability of counter attack under optimal transmission theory
Paddleocr tutorial
Observable time series data downsampling practice in Prometheus
Best practice case of enterprise digital transformation: introduction and reference of cloud based digital platform system security measures
XML的解析
Power operation and maintenance cloud platform: open the new mode of "unattended and few people on duty" of power system
Go step on the pit - no required module provides package: go mod file not found in current directory or any parent
如何有效对直流列头柜进行监测
C language to quickly solve the reverse linked list