做公司项目时，要求写一个方法，方法的参数为一个菜单数组集合和一个菜单id，菜单数组的格式为树状json,如下面所示：
复制代码 代码如下:[{"id":28,"text":"公司信息","children":[
{"id":1,"text":"公司文化"},
{"id":2,"text":"招聘计划"},
{"id":6,"text":"公司新闻","children":[
{"id":47,"text":"行业新闻"}]},
{"id":11,"text":"内部新闻","children":[
{"id":24,"text":"行政信息"},
{"id":27,"text":"高层指示"}]},
{"id":22,"text":"联系我们"},
{"id":26,"text":"产品展示","children":[
{"id":32,"text":"电力产品"},
{"id":33,"text":"配件介绍"}}]
}] }]
现在给出的菜单id为32，要求找到对应的项，并返回对应的菜单名称，方法是先循环遍历数组，当项的id等于指定的id时，将菜单名称取出，如果不等于则看当前项是否有children，如果children不为空且数量大于0，则遍历children，这时就要用到javascript的闭包，将遍历children的方法放在一个匿名方法中，这样一直在匿名方法中递归自身，当遇到相同名称的id，就跳出循环，然后从主方法中返回得到的菜单名称，代码如下：
复制代码 代码如下:function getMenuName(menus, id) {
var name = "" ;
for (var i = 0; i < menus.length; i++) {
if (menus[i].id == id) {
name = menus[i].text;
break;
}
else {
(function () {
var m = arguments[0];
var menuid = arguments[1];
for (var j = 0; j < m.length; j++) {
if (m[j].id == menuid) {
name = m[j].text;
break;
}
else if m[j].children != null && m[j].children.length > 0) {
arguments.callee(m[j].children, val);//递归匿名方法
}
}
})(menus[i].children, id);
}
}
return name;
}
您可能感兴趣的文章:
- JavaScript实现树的遍历算法示例【广度优先与深度优先】
- JS中的二叉树遍历详解
- javascript先序遍历DOM树的方法
- JavaScript实现二叉树的先序、中序及后序遍历方法详解
- JS实现二叉查找树的建立以及一些遍历方法实现
- javascript实现二叉树遍历的代码
- JavaScript数据结构之二叉树的遍历算法示例
- JS遍历DOM文档树的方法实例详解
- JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
- JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
- JavaScript树的深度优先遍历和广度优先遍历算法示例
