q
2021/8/24 6:07:22
本文主要是介绍q,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> /* id: 子节点的pid, pid: 0代表顶级数据 父id相当于子数据的pid label: 信息 children: 数组 子节点数据 */ data = [{ id: 1, label: '一中队', children: [{ id: 4, label: '一支队', children: [ { id: 9, label: '张三' }, { id: 10, label: '李四', children:[ { id: 110, label: '李110四', } ] } ] }] }, { id: 6, label: '四中队', }] var returnedItem = []; //定义一个空数组 function find(arr, id) { //利用foreach循环遍历 arr.forEach((item) => { //判断递归结束条件 if (item.id == id) { // 存储数据到空数组 returnedItem=item.children; } else if (item.children != null) //判断chlidren是否有数据 { //递归调用 find(item.children, id); } }) return returnedItem; } var item = new find(data, 10); console.log(item) </script> </body> </html>
这篇关于q的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-29RocketMQ底层原理资料详解:新手入门教程
- 2024-11-29RocketMQ源码资料解析与入门教程
- 2024-11-29[开源]6.1K star!这款电视直播源神器真的太赞啦!
- 2024-11-29HTTP压缩入门教程:轻松提升网页加载速度
- 2024-11-29JWT开发入门指南
- 2024-11-28知识管理革命:文档软件的新玩法了解一下!
- 2024-11-28低代码应用课程:新手入门全攻略
- 2024-11-28哪些办公软件适合团队协作,且能够清晰记录每个阶段的工作进展?
- 2024-11-28全栈低代码开发课程:零基础入门到初级实战
- 2024-11-28拖动排序课程:轻松掌握课程拖动排序功能