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相关推荐

  1. es6遍历树结构并判断_递归遍历树结构,从某个节点开始查找其子节点中的所有叶子节点...

    背景 现在项目中哟这样的一个需求,左边显示一棵树目录,点击目录的一级或二级节点,右边显示其子节点中的所有叶子节点,而且要求前端来做这个,不用调用接口请求了,那么,这里记录一下我的实现方法.点击叶子节点 ...

  2. es6遍历树结构并判断_ES6和ES5中数据结构的遍历

    看了ES6就感觉各种数据结构的遍历方法好多好混乱,就写下来总结下,看看应用场景上有什么区别 Array: ES5: (1)Array.prototype.forEach(function(item,i ...

  3. 【ES6】ES6超详讲解(@_@;)

    文章目录 一.初识ES6 let和const 二.模板字符串与箭头函数 模板字符串 箭头函数 this指向 不适合箭头函数的场景 三.解构赋值 什么是解构赋值 数组的解构赋值 数组解构赋值的默认值 类 ...

  4. c++ 一个函数包括多个返回值判断_轻松玩转函数式编程

    最近和一些同学讨论了函数式编程,很多同学总觉得听起来很高大上,但用起来却无从下手.于是我抽时间捋了捋,将平时工作中用到的函数式编程案例和思想整理了出来,相信阅读本文后,大家都能快速上手函数式编程. 函 ...

  5. 前端JSES6对树形结构数据遍历处理为自己想要的结果

    遍历树形结构数据,加入或处理需要的键值 data: 需要被处理的数据 level: 树形结构需要被遍历到第几层 注意!!!i和str不是必填项,这是我的业务需求要判断数循环到了第几层,和拼接层级名称 ...

  6. SQL语句遍历树结构的数据表

    [转自]:肆尾葱的博客<SQL语句遍历树结构的数据表> 一.创建树结构的数据库表 -- 数据库为 SQL Server create table treeTest(id int,paren ...

  7. sdut 2129树结构练习——判断给定森林中有多少棵树(并查集)

    树结构练习--判断给定森林中有多少棵树 Time Limit: 1000MS Memory limit: 65536K 题目描述 众人皆知,在编程领域中,C++是一门非常重要的语言,不仅仅因为其强大的 ...

  8. VBA小程序_遍历所有工作表_复制粘贴为数值

    Sub VBA小程序_遍历所有工作表_复制粘贴为数值()Dim sht As WorksheetFor Each sht In Worksheetssht.Activatesht.Cells.Copy ...

  9. 图的遍历(染色法判断奇环)

    图的遍历(染色法判断奇环) 传送门 思路:首先图应该为连通图,所需要加的边数即addedge=add_{edge}=addedge​=连通块数−1-1−1 然后又因为是要每次走两步,即最后要走偶数步即 ...

最新文章

  1. 【pmcaff】苏杰:产品经理对技术做这些,就完蛋了
  2. Linux rsync 命令参数详解
  3. [PAT乙级]1011 A+B 和 C
  4. linux libbz2.so.1,libbz2.so.1.0 = not found 试过了链接和设置环境变量
  5. MC音乐网免费解析下载工具 v1.0
  6. 什么是全场景AI计算框架MindSpore?
  7. sring-list-del-string-int:解析左右编码器的,和#号
  8. 简述网桥、网关、网卡之间的联系和区别
  9. 数据在数组中存储的顺序:小端 OR 大端模式 详解
  10. codeblocks设置背景主题
  11. [Java][Android][Process] 暴力的服务可以解决一切,暴力的方式执行命令行语句
  12. 你利用好网络这个工具了吗?
  13. k8s 部署spring cloud项目
  14. [嵌入式方案][cx32l003] 一个健壮的BootLoader系统
  15. 看图工具MassiGra使用指南
  16. ACM 木材加工问题
  17. 计算机亮度快捷键,调节电脑亮度的快捷键是什么
  18. 胡灵 c语言,清华作业们男女主角现身
  19. Meeting Rooms II -- LeetCode
  20. 2016各大公司智力题和找规律题

热门文章

  1. 程序员面试金典——9.4集合的子集
  2. 程序员面试金典——7.4加法运算替代
  3. 判别式模型和生成式模型的区别(discriminative model and generative model)
  4. Word 2013 打开时提示Windows installer窗口,然后安装失败
  5. latex参考文献出现[S.1.]或[S.1.s.n.]
  6. python :super 的作用
  7. Linux下二进制包安装postgresql10.4
  8. spring自动扫描的注解@Component @Controller @Service @Repository
  9. JMX configuration for Tomcat
  10. Spring MVC 学习总结(五)——校验与文件上传