js 递归查询所有的叶子结点_json树递归js查询json父子节点

上代码,直接另存为html打开,看console控制台就可以看到效果了

json-query

var json = [{

"MenuCode": "S0-3100-00",

"MenuAction": "TelPay",

"MenuName": "通讯费",

"subMenu": [{

"MenuCode": "S0-3100-01",

"MenuAction": "ChinaMobileTelBalQryInitAct",

"MenuName": "中国移动"

}, {

"MenuCode": "S0-3100-02",

"MenuAction": "UnicomTelBalQryInitAct",

"MenuName": "中国联通"

}, {

"MenuCode": "S0-3100-03",

"MenuAction": "TelecomTelBalQryInitAct",

"MenuName": "中国电信"

}]

}, {

"MenuCode": "S0-3200-00",

"MenuAction": "PowerPayInitAct",

"MenuName": "电费",

"subMenu": [{

"MenuCode": "S0-3210-00",

"MenuAction": "SmartPowerCardInitAct",

"MenuName": "智能电能表充值",

"subMenu": [{

"MenuCode": "S0-3210-01",

"MenuAction": "SmartPowerCardPayInitAct",

"MenuName": "购电卡充值"

}, {

"MenuCode": "S0-3210-02",

"MenuAction": "SmartPowerCardQueryInitAct",

"MenuName": "购电卡查询"

}, {

"MenuCode": "S0-3210-03",

"MenuAction": "SmartPowerCardRewriteInitAct",

"MenuName": "购电卡补写"

}]

}, {

"MenuCode": "S0-3220-00",

"MenuAction": "ElectricChargeInitAct",

"MenuName": "电能表无卡充值",

"subMenu": [{

"MenuCode": "S0-3220-01",

"MenuAction": "ElectricChargeQryInitAct",

"MenuName": "购电充值"

}, {

"MenuCode": "S0-3220-02",

"MenuAction": "ElectricChargeMsgRegInitAct",

"MenuName": "短信订阅"

}]

}]

}, {

"MenuCode": "S0-3300-00",

"MenuAction": "HeatingPayInitAct",

"MenuName": "取暖费",

"subMenu": [{

"MenuCode": "S0-3300-04",

"MenuAction": "JinNengHeatingQryInitAct",

"MenuName": "天津能源缴费"

}]

}, {

"MenuCode": "S0-3400-00",

"MenuAction": "CablePayInitAct",

"MenuName": "有线电视费",

"subMenu": [{

"MenuCode": "S0-3400-01",

"MenuAction": "GuangDianCableQryInitAct",

"MenuName": "广电有线缴费"

}, {

"MenuCode": "S0-3400-02",

"MenuAction": "TedaCableQryInitAct",

"MenuName": "泰达有线缴费"

}]

}, {

"MenuCode": "S0-3000-01",

"MenuAction": "ETCLoadInitAct",

"MenuName": "ETC卡充值"

}, {

"MenuCode": "S0-3500-00",

"MenuAction": "WaterPayInitAct",

"MenuName": "水费",

"subMenu": [{

"MenuCode": "S0-3500-01",

"MenuAction": "JinNanWaterQryInitAct",

"MenuName": "津南水费缴费"

}]

}, {

"MenuCode": "S0-3000-03",

"MenuAction": "GasPayInitAct",

"MenuName": "燃气费"

}, {

"MenuCode": "S0-3000-04",

"MenuAction": "CommonPayInitAct",

"MenuName": "通用缴费"

}, {

"MenuCode": "S0-3600-00",

"MenuAction": "CityCardInitAct",

"MenuName": "城市一卡通充值",

"subMenu": [{

"MenuCode": "S0-3600-01",

"MenuAction": "CityCardPayInitAct",

"MenuName": "城市卡充值"

}, {

"MenuCode": "S0-3600-02",

"MenuAction": "CityCardRewriteInitAct",

"MenuName": "城市卡补写卡"

}]

}, {

"MenuCode": "S0-3000-05",

"MenuAction": "SocialSecurityQryInitAct",

"MenuName": "社保缴费"

}];

/**

* Author : 落雨

* 递归查询JSON树 父子节点

*/

var parentNode = null;

var node = null;

/**

* 根据NodeID查找当前节点以及父节点

*

* @param {[type]}

* @param {[type]}

* @return {[type]}

*/

function getNode(json, nodeId) {

//1.第一层 root 深度遍历整个JSON

for (var i = 0; i < json.length; i++) {

if (node) {

break;

}

var obj = json[i];

//没有就下一个

if (!obj || !obj.MenuCode) {

continue;

}

//2.有节点就开始找,一直递归下去

if (obj.MenuCode == nodeId) {

//找到了与nodeId匹配的节点,结束递归

node = obj;

break;

} else {

//3.如果有子节点就开始找

if (obj.subMenu) {

//4.递归前,记录当前节点,作为parent 父亲

parentNode = obj;

//递归往下找

getNode(obj.subMenu, nodeId);

} else {

//跳出当前递归,返回上层递归

continue;

}

}

}

//5.如果木有找到父节点,置为null,因为没有父亲

if (!node) {

parentNode = null;

}

//6.返回结果obj

return {

parentNode: parentNode,

node: node

};

}

//批量查询

var query = [

'S0-3400-00', 'S0-3100-03', 'S0-3210-02', 'S0-3210-03', 'S0-3000-05', 'S0-3300-04'

];

//打印结果

for (var i = 0; i < query.length; i++) {

node = null;

parentNode = null;

var obj = getNode(json, query[i]);

console.log("查询nodeId:" + query[i] + ", 结果:" + obj.node.MenuCode + ",name:" + obj.node.MenuName + " -> 父级:" + (obj.parentNode ? obj.parentNode.MenuName : '木有父级!'));

}

js 递归查询 json 树 父子节点

落雨

2016-03-11 00:45:47

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/488793.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html有序列表和无序列表互相嵌套,关于列表的嵌套,下列说法正确的是( )。 答案:无序列表和有序列表可以相互嵌套与 之间相当于一个容器,可以嵌套无序列表、有序列表等网页元素...

相关问题危险化学品不易存放高处&#xff0c;避免取用时容器坠落发生意外: 化学品 高处 时 容器 意外密封放射源是指&#xff1a;: 密封放射源 研究堆 动力 核燃料 循环 范畴 材料 以外 容器 中 层 固态 放射性 材料以下控件中不属于容器的是( )。: 以下 控件 中 容器 Image容器…

华为深度学习新模型DeepShift:移位和求反代替乘法,神经网络成本大降

来源&#xff1a;机器学习研究会订阅号【导读】深度学习模型&#xff0c;尤其是卷积神经网络的计算成本问题主要是由于卷积层和全连接层中大量进行乘法运算造成的。华为异构实验室的研究人员提出&#xff0c;用移位和求反运算代替乘法&#xff0c;可有效缓解计算成本过高的问题…

如何把竖排的数据变为横排_如何有效的自学日语自学的经验都在这里了

一&#xff0e;基础知识引入自学一门语言之前&#xff0c;先要了解这门语言的基本信息。从狭义上来说&#xff0c;语言是能够传达意义的声音&#xff0c;每个语种都由一定数量的声音构成。比如日语&#xff0c;日语普通话中的声音一共有104个。当这些声音对应成符号书写下来时&…

dir结构体 linux_Linux下DIR,dirent,stat等结构体详解

最近在看Linux下文件操作相关章节&#xff0c;遇到了这么几个结构体&#xff0c;被搞的晕乎乎的&#xff0c;今日有空&#xff0c;仔细研究了一下&#xff0c;受益匪浅。首先说说DIR这一结构体&#xff0c;以下为DIR结构体的定义&#xff1a;struct__dirstream{void*__fd;char*…

447. Number of Boomerangs

题目&#xff1a; Given n points in the plane that are all pairwise distinct, a "boomerang" is a tuple of points (i, j, k) such that the distance between iand j equals the distance between i and k (the order of the tuple matters). Find the number …

jquery获取html页面参数乱码,JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码...

1、获取url很简单&#xff0c;代码如下&#xff1a;window.location.href;2、jquery获取url参数比较复杂&#xff0c;要用到正则表达式&#xff0c;所以学好javascript正则式多么重要的事情首先看看单纯的通过javascript是如何来获取url中的某个参数&#xff1a;//获取url中的参…

信阳农林技术学院经纬度_信阳无人机创业团队:让梦想在田野起飞

青春由磨砺而出彩&#xff0c;人生因奋斗而升华。在河南信阳&#xff0c;有这样一个年轻的创业团队&#xff0c;他们立志扎根农村做新型农民。他们在大学期间就钻研如何把无人机技术和现代农业生产相结合&#xff0c;并且运用到田间地头&#xff0c;在田野之上放飞青春梦想。一…

edge怎么开启沉浸式阅读_建安中艺光影秀|景区乐园开启沉浸式光影秀互动之旅...

随着时代的发展&#xff0c;文旅夜游的主旋律逐渐向声、光、电的科技和水、陆、空的视听体验靠近&#xff0c;越来越多的园林景点打造沉浸式光影互动投影秀&#xff0c;将历史人文与自然界的静谧纯粹相结合&#xff0c;利用沉浸式光影秀将园林景区中假山、悬崖、溶洞、峭壁、飞…

李德毅院士:自动驾驶与智能网联

来源&#xff1a;58车在电动化、智能化、网联化革命带动下&#xff0c;传统的汽车产业供应链正在重塑&#xff0c;中国电动汽车发展进入结构调整期。以“把握形势 聚焦转型 引领创新”为主题的2020中国电动汽车百人会论坛于1月10-12日在钓鱼台国宾馆隆重召开。秉持“传递权威信…

有用的Python模块 - pprint

当想在终端打印一个很大的字典或者一个很长的列表时&#xff0c;总是被print打印出来的效果气懵在电脑前&#xff0c;现在有pprint就不用担心啦。 最直接的使用方式就是 import pprint pprint.pprint(object) ex: import pprintd {user: icebug,gender: male }pprint.pprint(d…

android录音播放列表,android数据库里的视频,图片,音频表

数据库模式分析图片数据库图片数据库由两个表组成&#xff0c;分别是 images 和 thumbnails&#xff0c;物理数据模型如下所示(Power Designer 逆向工程生成)Note: 如何数据库物理模型图&#xff1a; 表示此为主键。其余的表名、字段名、数据类型应该都能看明白。Note: SQLite …

科技领域看不见的手如何影响企业未来命运

作者&#xff1a;刘锋“看不见的手”像幽灵一样盘踞在人类社会的发展过程中&#xff0c;时隐时现&#xff0c;在亚当斯密的《国富论》中&#xff0c;看不见的手推动了经济的发展&#xff1b;在达尔文的进化论中&#xff0c;看不见的手推动了生物的自然选择&#xff1b;同样在21…

电脑动态屏保_Mac待机也能看时间,你需要一款时钟屏保!

Mac待机也能看时间啦&#xff0c;时钟屏保软件就可以做到哦&#xff0c;今天就为大家分享几款&#xff0c;来看看有没有喜欢的&#xff01;Mac待机时也能看时间&#xff08;原文&#xff09;​www.macz.com第一款&#xff1a;Word Clock 一起进入Word时钟的词云。 Word Clock M…

怎样用python搭建简单的系统_如何用Python搭建一个简单的推荐系统?

本文使用的数据集是MovieLens数据集&#xff0c;该数据集由明尼苏达大学的Grouplens研究小组整理。它包含1,10和2亿个评级。 Movielens还有一个网站&#xff0c;我们可以注册&#xff0c;撰写评论并获得电影推荐。接下来我们就开始实战演练。在这篇文章中&#xff0c;我们会使用…

垂直居中——登录界面

弹性盒子垂直居中&#xff1a;body直接display&#xff1a;flex不行中间在来一层。 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset"utf-8">5 <link rel"stylesheet" href"https://cdn.static.runoob.com/libs/bootst…

LeetCode 2942. 查找包含给定字符的单词

给你一个下标从 0 开始的字符串数组 words 和一个字符 x 。 请你返回一个 下标数组 &#xff0c;表示下标在数组中对应的单词包含字符 x 。 注意 &#xff0c;返回的数组可以是 任意 顺序。 示例 1&#xff1a; 输入&#xff1a;words [“leet”,“code”], x “e” 输出…

html的组织顺序是什么,css如何组织?

css如何组织&#xff1f;下面本篇文章给大家介绍一下。有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对大家有所帮助。前端工程师在开发一个单页面或者小网站的时候有可能不会在意CSS的组织问题&#xff0c;但如果要开发一个中大型的网站&#xff0c;…

oracle IF_Oracle和MySQL的区别(持续更新)

近期工作中有接触Oracle&#xff0c;发现和MySQL还是有一些语法使用上的差别&#xff0c;将常用的、遇到的总结如下~~~1.oracle只能用单引号&#xff0c;mysql单引号&#xff0c;双引号都可以&#xff1b;2.oracle的group by中不能使用别名&#xff0c;mysql可以&#xff1b;3.…

北航、旷视联合,打造最强实时语义分割网络

来源&#xff1a;AI科技评论编辑&#xff1a;Camel导语&#xff1a;MSFNet在Cityscapes测试集上达到77.1%mIoU/41FPS&#xff08;注意是1024*2048&#xff09;&#xff0c;在Camvid测试集上达到75.4 mIoU/97FPS&#xff0c;是目前最强的实时语义分割网络。下面要介绍的论文由北…

oracle text类型_数据库的一些注入技巧Oracle

默认数据库SYSTEMSYSAUX注释--SELECT * FROM Users WHERE username OR11 -- AND password ;查询版本信息SELECT banner FROM v$version WHERE banner LIKE Oracle%;SELECT banner FROM v$version WHERE banner LIKE TNS%;SELECT version FROM v$instance;数据库凭证SELECT u…