js怎样递归遍历树形菜单数据

雨点打透心脏的1/2处 2023-08-17 16:39 138阅读 0赞

## 递归就是调用自己   比如 ##

function fn() {
    	fn()
    }

## 递归一般是用来处理不确定层级的树形数据   比如想要获取树形菜单数据里面的每一个id就可以使用递归 ##

var data = [{
    		name: 'a',
    		id: 101,
    		children: [{
    				name: 'bb',
    				id: 101101,
    				children: []
    			},
    			{
    				name: 'bb',
    				id: 101102,
    				children: [{
    					name: '101102101',
    					id: 101102101,
    					children: []
    				}]
    			},
    			{
    				name: 'bb',
    				id: 101103,
    				children: []
    			}, {
    				name: '101104',
    				id: 101104,
    				children: []
    			}
    		]
    	}];

## 然后就是用递归函数来遍历所有数据进行获取 ##

// 用来保存id
    	var idArr = []
    	
    	function getId(treeData, arr) {
    		data.forEach(ele => {
    			idArr.push(ele.id)
    			// 判断有子元素,并且子元素的长度大于0就再次调用自身
    			if (ele.children && ele.children.length > 0) {
    				getId(ele.children, arr)
    			}
    		})
    	}
    	getId(data, idArr)
    	console.log(idArr)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70]: /images/20230809/a451be1ba41044fa9c9022722fbb8652.png

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 js怎样递归遍历树形菜单数据

递归就是调用自己比如 function fn() { fn() } 递归一般是用来处理不确定层级的树形数据比如想要获取树形菜单数

雨点打透心脏的1/2处/ 2023年08月17日 16:39/ 0 赞/ 139 阅读

相关 Mybatis 递归查询树形菜单

文章目录 1、数据库表结构 2、查询结果展示 3、实体类Depa

雨点打透心脏的1/2处/ 2023年02月17日 11:17/ 0 赞/ 34 阅读

相关 js实现树级递归，通过js生成tree树形菜单(递归算法)

/ 数据转换为树形（递归），示例：toTreeByRecursion(source, 'id', 'parentId', null, 'children')

ゝ一纸荒年。/ 2023年01月21日 03:24/ 0 赞/ 442 阅读

相关 Vue 递归组件(构建树形菜单)

对于一些有规律的DOM结构，如果我们再一遍遍的编写同样的代码，显然代码是比较繁琐和不科学的，而且自己的工作量会大大增加，那么有没有一种方法来解决这个问题呢？答案是肯定的

阳光穿透心脏的1/2处/ 2023年01月02日 06:25/ 0 赞/ 235 阅读

相关 Vue前端树形菜单面包屑递归

Vue前端树形菜单面包屑递归 1.递归菜单 findIndexArray(data, id, indexArray) { let arr =

青旅半醒/ 2022年10月26日 03:54/ 0 赞/ 435 阅读

相关 java 递归遍历树形结构

好记性不如烂笔头，记录下。 //菜单树形结构 public JSONArray treeMenuList(JSONArray men

川长思鸟来/ 2022年06月13日 10:58/ 0 赞/ 499 阅读

相关 java递归生成树形结构菜单

一、mysql表，数据自行准备 CREATE TABLE `sys_menu` ( `id` int(11) NOT NULL AUTO_INCREMEN

一时失言乱红尘/ 2022年03月30日 03:27/ 0 赞/ 617 阅读

相关树的递归遍历和非递归遍历

public class TreeNode { private int value; private TreeNode left;

红太狼/ 2022年02月27日 23:52/ 0 赞/ 365 阅读

相关递归遍历多层次菜单

//根据后台数据格式化菜单 function formatMenu(data) { return data.map(function (item

冷不防/ 2021年12月11日 08:57/ 0 赞/ 313 阅读

相关 JS递归遍历树结构

JS递归遍历树结构上代码上代码 // 树结构 const options = [ { value: 'zh

桃扇骨/ 2021年09月21日 04:52/ 0 赞/ 999 阅读