最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js用闭包遍历树状数组的方法_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:20:58
文档

js用闭包遍历树状数组的方法_javascript技巧

js用闭包遍历树状数组的方法_javascript技巧:做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单id,菜单数组的格式为树状json,如下面所示: 代码如下:[{id:28,text:公司信息,children:[ {id:1,text:公司文化}, {id:2,text:招聘计划}
推荐度:
导读js用闭包遍历树状数组的方法_javascript技巧:做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单id,菜单数组的格式为树状json,如下面所示: 代码如下:[{id:28,text:公司信息,children:[ {id:1,text:公司文化}, {id:2,text:招聘计划}


做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单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;
}

文档

js用闭包遍历树状数组的方法_javascript技巧

js用闭包遍历树状数组的方法_javascript技巧:做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单id,菜单数组的格式为树状json,如下面所示: 代码如下:[{id:28,text:公司信息,children:[ {id:1,text:公司文化}, {id:2,text:招聘计划}
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top