首页 / JAVASCRIPT / js递归汇总
js递归汇总
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js递归汇总，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4790字，纯文字阅读大概需要7分钟。
内容图文
1.数据结构介绍
[
{
"pid":1028,
"id":"2c91851f6b6f07b8016bd19ab465000b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item1",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":[
{
"pid":1028,
"id":"2c91851f6b6f07b8016bqwqw00b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item3",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":[
{
"pid":1028,
"id":"2c91851f6bsdafaf07ddddw00b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item7",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":null
}
]
},
{
"pid":1028,
"id":"2c91851f6b6asas6bqwqw00b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item4",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":null
}
]
},
{
"pid":1029,
"id":"2c91851f6b6f07b8016bd19c9431000c",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"voice",
"name":"item2",
"category":"act",
"point":"15101",
"type":2,
"url":"",
"icon":"crown",
"parentId":"2c91851f6b6f07b8016bd19ab465000b",
"isInherit":false,
"createTime":"2019-07-08T12:43:48.000+0000",
"isParent":null,
"childs":[
{
"pid":1028,
"id":"2c91851f6b6f07ddddw00b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item5",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":null
},
{
"pid":1028,
"id":"2c91851f6b6asasaaaqwqw00b",
"siteId":"2c9185c36a262618016ad3f8c2a4001c",
"shape":"",
"name":"item6",
"category":"voice",
"point":"10",
"type":1,
"url":"",
"icon":"smile",
"parentId":null,
"isInherit":false,
"createTime":"2019-07-08T12:41:45.000+0000",
"isParent":null,
"childs":null
}
]
}]
1.1根据勾选的最底层 子节点 ，获取权限树 数据
getPriTreeDataBySelectedPriIdList(treeData, priIdList){
//根据最底层子节点，获取权限树数据
return treeData.filter(item=>{
if(item.childs && item.childs.length > 0 ){
item.childs = this.getPriTreeDataBySelectedPriIdList(item.childs,priIdList);
return item.childs && item.childs.length >0;
}else {
return priIdList.indexOf(item.id) > -1;
}
});
},1.2重置权限树数据
resetTreeData(priTreeData){
//重置权限树数据
priTreeData.map(item => {
item.isInherit = false;
if(item.childs && item.childs.length>0){
this.resetTreeData(item.childs);
}
})
},1.3根据任意ID获取item对象
getItemFromPriTreeData(priTreeData, priId){
//根据任意ID获取item对象
let result = null;
for(let priItemIndex in priTreeData){
if(result !== null){
break;//这里是关键
}
let priItem = priTreeData[priItemIndex];
if(priItem.id === priId){
result = priItem;
break;
}else if(priItem.childs && priItem.childs.length > 0){
result = this.getItemFromPriTreeData(priItem.childs, priId);
}
}
return result;
},1.4父节点勾选了，勾选所有的子节点
setIsInheritValueWithParentPri(priList, isInherit){
// 递归的设置"是否继承属性"
// 父节点勾选是否继承，子节点跟随父节点变化 子节点变化，父节点不跟随变化
priList.map(priItem => {
if(priItem.type !== 3){
priItem.isInherit = isInherit;
}
if(priItem.childs && priItem.childs.length > 0){
this.setIsInheritValueWithParentPri(priItem.childs, isInherit);
}
})
},1.5设置详情页中---展示树数据中的isInherit
setInheritOfShowPriTreeData(showPriTreeData, priTreeDataPriIdAndHeritObject){
// 设置详情页中---展示树数据中的isInherit
showPriTreeData.map(priItem => {
priItem.isInherit = priTreeDataPriIdAndHeritObject[priItem.id];
if(priItem.childs && priItem.childs.length > 0){
this.setInheritOfShowPriTreeData(priItem.childs, priTreeDataPriIdAndHeritObject )
}
})
},1.6设置选中的权限树数据相关信息到priTreeDataPriIdAndHeritObject，priIdListIncludeParentPriId中
setPriTreeDataPriIdAndHeritObject(priTreeDataBySelectedPriIdList, priTreeDataPriIdAndHeritObject,priIdListIncludeParentPriId){
// 设置选中的权限树数据相关信息到priTreeDataPriIdAndHeritObject，priIdListIncludeParentPriId中
//priTreeDataPriIdAndHeritObject是对象，key是权限ID，value是isInherit
//priIdListIncludeParentPriId 根据最底层子节点获得的权限树数据，把所有的权限ID都放到列表中
priTreeDataBySelectedPriIdList.map(priItem => {
priIdListIncludeParentPriId.push( priItem.id);
if(priItem.isInherit){
priTreeDataPriIdAndHeritObject[ipriItem.id] = priItem.isInherit;
}else{
priTreeDataPriIdAndHeritObject[priItem.id] = false;
}
if(priItem.childs && priItem.childs.length>0){
this.setPriTreeDataPriIdAndHeritObject(priItem.childs, priTreeDataPriIdAndHeritObject,priIdListIncludeParentPriId)
}
})
}原文：https://blog.51cto.com/10983441/2500348
内容总结
以上是互联网集市为您收集整理的js递归汇总全部内容，希望文章能够帮你解决js递归汇总所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】