首页
工具箱
Search
1
Vue vben admin 2.0的封装部分坑点
1,221 阅读
2
人和,亚冠!加油!!
1,157 阅读
3
百度地图坐标系对腾讯地图坐标系转换
1,105 阅读
4
解决Ant Design Vue的Select搜索指定字段的问题
889 阅读
5
Pyqt5 getOpenFileName筛选文件类型
858 阅读
技术宅的演示性文稿
技术宅的吐槽文档
一个的舞台
唱唱反调
老文章归档
光年计划
登录
Search
标签搜索
老文章
CS
长春
大学
程序员
vue
酷游CS俱乐部
dedecms
贵州人和
织梦
php
vant
小程序
军训
缘
ie6
google
大连
2012
js
茶树虾
累计撰写
308
篇文章
累计收到
120
条评论
首页
栏目
技术宅的演示性文稿
技术宅的吐槽文档
一个的舞台
唱唱反调
老文章归档
光年计划
页面
工具箱
搜索到
1
篇与
teaxia,茶树虾,vue,js,php
的结果
2019-01-16
JS 将有父子关系的平行数组转换成树形数据
假设数据结构为:let data = [ {id: 1, text: 't11', parentId: 0}, {id: 2, text: 't11', parentId: 0}, {id: 3, text: 't11', parentId: 1}, {id: 4, text: 't11', parentId: 1}, {id: 5, text: 't11', parentId: 3}, {id: 6, text: 't11', parentId: 2}, ]; 需要转换成:// let tree =[{ // id:1,text:'t11',parentId:0, // child:[...] // }] 计算代码:data.forEach(ele => { let parentId = ele.parentId; if (parentId === 0) { //是根元素的hua ,不做任何操作,如果是正常的for-i循环,可以直接continue. } else { //如果ele是子元素的话 ,把ele扔到他的父亲的child数组中. data.forEach(d => { if (d.id === parentId) { let childArray = d.child; if (!childArray) { childArray = [] } childArray.push(ele); d.child = childArray; } }) } }); //去除重复元素 data = data.filter(ele => ele.parentId === 0); console.log('最终等到的tree结构数据: ', data);
2019年01月16日
319 阅读
0 评论
0 点赞