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

Posted 2021-01-12 tuhazi

菜单数据源处理：

//数据源组装成树形结构（一级与后面的级逻辑相同）
逻辑：遍历所有数据，上级与下次的联动关系相等则数据存放，如果不为最后一级，递归
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;
}