最近碰到一个问题,前端从后端拿到2个数据,一个是类似于多叉树的组织架构数据,一个是组织人员的ID。组织架构的人员对象有ID、姓名以及下属人员数组,前端要根据ID在页面匹配出其姓名。简单的方法是前端发一次请求,后端根据前端发过来的ID从数据库里直接select出其姓名,但http请求会损耗性能,我们想要在前端做。
碰到这个问题的时候,努力回想自己学过的树这种数据结构的算法,什么先序遍历、中序遍历的,但这些都是针对二叉搜索树的。回想一遍,发现学过的树算法全都是二叉树的,没有遇到过这种多叉树。没办法,强行写递归吧。
function findVale (treeList, value) { for (var i = 0; i < treeList.length; i++) { if (treeList[i].expenseType == value) { return treeList[i].displayName } else { } } for (var i = 0; i < treeList.length; i++) { if (treeList[i].sonList) { findVale1(treeList[i].sonList, value) } else { continue; } } return value }
但样子做递归写不出收敛条件,在树的某一分支可能直接retuan回undefined了。有种感觉,这种递归写法很像是深度优先搜索,但深度优先搜索是图的算法,并不是咱们这个树的数据结构的。没办法,去找树的相关资料吧。经过一番研究,发现树是图的一种特殊表现形式,也就是图的算法也可以用在树的身上,那么图的深度优先搜索和广度优先搜索也是可以放在咱们这个多叉树上的。改造一番后,就匹配出来了。
function findVale(tree,id) { var isGet = false; var retNode = null; function deepSearch(tree,id){ for(var i = 0; i0) { deepSearch(tree[i].sonList,id); } if(id === tree[i].expenseType || isGet) { isGet||(retNode = tree[i].displayName); isGet = true; break; } } } deepSearch(tree,id); return retNode; }