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


Posted in Javascript onMarch 19, 2014

做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单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 相关文章推荐
Jquery实战_读书笔记1—选择jQuery
Jan 22 Javascript
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
echart简介_动力节点Java学院整理
Aug 11 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 #Javascript
使用CSS3的scale实现网页整体缩放
Mar 18 #Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 #Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
Mar 18 #Javascript
js身份证判断方法支持15位和18位
Mar 18 #Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 #Javascript
用js将内容复制到剪贴板兼容浏览器
Mar 18 #Javascript
You might like
世界上第一台立体声收音机
2021/03/01 无线电
PHP中的正规表达式(一)
2006/10/09 PHP
php 异常处理实现代码
2009/03/10 PHP
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
jQuery设计思想
2017/03/07 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
python实现装饰器、描述符
2018/02/28 Python
python批量替换多文件字符串问题详解
2018/04/22 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
Laravel中Kafka的使用详解
2021/03/24 PHP
实习销售业务员自我鉴定
2013/09/21 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
企业业务员岗位职责
2014/03/14 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
农村党支部承诺书
2015/04/30 职场文书
家庭聚会祝酒词
2015/08/11 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
python使用XPath解析数据爬取起点小说网数据
2021/04/22 Python
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python
java中用float时,数字后面加f,这样是为什么你知道吗
2021/09/04 Java/Android
MySQL分区表管理命令汇总
2022/03/21 MySQL