es6遍历树结构并判断_实现树形结构数据 es6
var jsonArray = {
'data':{
"List": [{
"authorityId": 1,
"authorityName": "数据分析",
"grade": "1001",
"fatherId": "0"
},
{
"authorityId": 2,
"authorityName": "商务政策",
"grade": "1002",
"fatherId": "0"
},
{
"authorityId": 3,
"authorityName": "市场动态",
"grade": "1003",
"fatherId": "0"
},
{
"authorityId": 4,
"authorityName": "消息中心",
"grade": "1004",
"fatherId": "0"
},
{
"authorityId": 5,
"authorityName": "个人中心",
"grade": "1005",
"fatherId": "0"
},
{
"authorityId": 6,
"authorityName": "价格查询分析",
"grade": "2101",
"fatherId": "1001"
},
{
"authorityId": 7,
"authorityName": "销量查询分析",
"grade": "2102",
"fatherId": "1001"
},
{
"authorityId": 8,
"authorityName": "装备查询分析",
"grade": "2103",
"fatherId": "1001",
},
{
"authorityId": 9,
"authorityName": "政策数据分析",
"grade": "2201",
"fatherId": "1002"
},
{
"authorityId": 10,
"authorityName": "政策原件下载",
"grade": "2202",
"fatherId": "1002"
},
{
"authorityId": 11,
"authorityName": "新车上市",
"grade": "2301",
"fatherId": "1003"
},
{
"authorityId": 12,
"authorityName": "营销活动",
"grade": "2302",
"fatherId": "1003"
}
]
}
}
期望拼成下列树形数据格式(用jq或是es6实现)
对应关系:父的grade=子的fatherid
data:[
{
label: '一级 1',
children: [{
label: '二级 1-1',
children: [{
label: '三级 1-1-1'
}]
}]
}, {
label: '一级 2',
children: [{
label: '二级 2-1',
children: [{
label: '三级 2-1-1'
}]
}, {
label: '二级 2-2',
children: [{
label: '三级 2-2-1'
}]
}]
}
]
es6遍历树结构并判断_实现树形结构数据 es6相关推荐
- es6遍历树结构并判断_递归遍历树结构,从某个节点开始查找其子节点中的所有叶子节点...
背景 现在项目中哟这样的一个需求,左边显示一棵树目录,点击目录的一级或二级节点,右边显示其子节点中的所有叶子节点,而且要求前端来做这个,不用调用接口请求了,那么,这里记录一下我的实现方法.点击叶子节点 ...
- es6遍历树结构并判断_ES6和ES5中数据结构的遍历
看了ES6就感觉各种数据结构的遍历方法好多好混乱,就写下来总结下,看看应用场景上有什么区别 Array: ES5: (1)Array.prototype.forEach(function(item,i ...
- 【ES6】ES6超详讲解(@_@;)
文章目录 一.初识ES6 let和const 二.模板字符串与箭头函数 模板字符串 箭头函数 this指向 不适合箭头函数的场景 三.解构赋值 什么是解构赋值 数组的解构赋值 数组解构赋值的默认值 类 ...
- c++ 一个函数包括多个返回值判断_轻松玩转函数式编程
最近和一些同学讨论了函数式编程,很多同学总觉得听起来很高大上,但用起来却无从下手.于是我抽时间捋了捋,将平时工作中用到的函数式编程案例和思想整理了出来,相信阅读本文后,大家都能快速上手函数式编程. 函 ...
- 前端JSES6对树形结构数据遍历处理为自己想要的结果
遍历树形结构数据,加入或处理需要的键值 data: 需要被处理的数据 level: 树形结构需要被遍历到第几层 注意!!!i和str不是必填项,这是我的业务需求要判断数循环到了第几层,和拼接层级名称 ...
- SQL语句遍历树结构的数据表
[转自]:肆尾葱的博客<SQL语句遍历树结构的数据表> 一.创建树结构的数据库表 -- 数据库为 SQL Server create table treeTest(id int,paren ...
- sdut 2129树结构练习——判断给定森林中有多少棵树(并查集)
树结构练习--判断给定森林中有多少棵树 Time Limit: 1000MS Memory limit: 65536K 题目描述 众人皆知,在编程领域中,C++是一门非常重要的语言,不仅仅因为其强大的 ...
- VBA小程序_遍历所有工作表_复制粘贴为数值
Sub VBA小程序_遍历所有工作表_复制粘贴为数值()Dim sht As WorksheetFor Each sht In Worksheetssht.Activatesht.Cells.Copy ...
- 图的遍历(染色法判断奇环)
图的遍历(染色法判断奇环) 传送门 思路:首先图应该为连通图,所需要加的边数即addedge=add_{edge}=addedge=连通块数−1-1−1 然后又因为是要每次走两步,即最后要走偶数步即 ...
最新文章
- 【pmcaff】苏杰:产品经理对技术做这些,就完蛋了
- Linux rsync 命令参数详解
- [PAT乙级]1011 A+B 和 C
- linux libbz2.so.1,libbz2.so.1.0 = not found 试过了链接和设置环境变量
- MC音乐网免费解析下载工具 v1.0
- 什么是全场景AI计算框架MindSpore?
- sring-list-del-string-int:解析左右编码器的,和#号
- 简述网桥、网关、网卡之间的联系和区别
- 数据在数组中存储的顺序:小端 OR 大端模式 详解
- codeblocks设置背景主题
- [Java][Android][Process] 暴力的服务可以解决一切,暴力的方式执行命令行语句
- 你利用好网络这个工具了吗?
- k8s 部署spring cloud项目
- [嵌入式方案][cx32l003] 一个健壮的BootLoader系统
- 看图工具MassiGra使用指南
- ACM 木材加工问题
- 计算机亮度快捷键,调节电脑亮度的快捷键是什么
- 胡灵 c语言,清华作业们男女主角现身
- Meeting Rooms II -- LeetCode
- 2016各大公司智力题和找规律题
热门文章
- 程序员面试金典——9.4集合的子集
- 程序员面试金典——7.4加法运算替代
- 判别式模型和生成式模型的区别(discriminative model and generative model)
- Word 2013 打开时提示Windows installer窗口,然后安装失败
- latex参考文献出现[S.1.]或[S.1.s.n.]
- python :super 的作用
- Linux下二进制包安装postgresql10.4
- spring自动扫描的注解@Component @Controller @Service @Repository
- JMX configuration for Tomcat
- Spring MVC 学习总结(五)——校验与文件上传