码迷,mamicode.com
首页 > 其他好文 > 详细

数据处理为树形结构以及多级菜单的逻辑分析

时间:2018-10-12 13:44:44      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:return   fir   []   func   树形结构   不同   turn   pid   菜单   

菜单数据源处理:

//数据源组装成树形结构(一级与后面的级逻辑相同)
逻辑:遍历所有数据,上级与下次的联动关系相等则数据存放,如果不为最后一级,递归
function getTree(source, data, pid) {
var length = source.length;
for (var i = 0; i < length; i++) {
var item = source[i];
if (item.pid == pid) {
var obj = {};
obj.title = item.menuName;
obj.value = item.id;
obj.data = [];
data.push(obj);
if (item.menuType != "2") {
arguments.callee(source, obj.data, item.id)
}
}
}
}

//数据源组装成树形结构(一级与后面的级逻辑不同)
逻辑:开始遍历所有数据,根据一级关系找出一级,调用二级方法;将2级方法抽离出来,在2级方法中遍历所有数据,并根据一级与2级的关系找出2级
function first(data,arr,0){
for(var i =0;i<data.length;i++){
if(data[i].pid == 0){
arr.push(data[i]);
two(data,data[i].id);
}
}
}
function two (data,pid){
var arr = [];
for(var i = 0;i<data[i].length;i++){
if(data[i].pid == pid){
arr.push(data[i])
}
}
return arr;
}

数据处理为树形结构以及多级菜单的逻辑分析

标签:return   fir   []   func   树形结构   不同   turn   pid   菜单   

原文地址:https://www.cnblogs.com/tuhazi/p/9777204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!