小谢第2问:后端返回为数组list时候,怎么实现转为tree

要求后端返回给我的list时候,在数组中定义有id , parentid,  可以用双重循环的方法,得到tree需要的数据结构,这样得到的数据就可以直接复制给树组件的data啦
const oldData = [ {id:1,name:'boss',parentId:0}, {id:2,name:'lily',parentId:1}, {id:3,name:'jack',parentId:1}, {id:4,name:'john',parentId:2}, {id:5,name:'boss2',parentId:0}, ] function listToTree(oldArr){ oldArr.forEach(element => { let parentId = element.parentId; if(parentId !== 0){ oldArr.forEach(ele => { if(ele.id == parentId){ //当内层循环的ID== 外层循环的parendId时,(说明有children),需要往该内层id里建个children并push对应的数组; if(!ele.children){ ele.children = []; } ele.children.push(element); } }); } }); console.log(oldArr) //此时的数组是在原基础上补充了children; oldArr = oldArr.filter(ele => ele.parentId === 0); //这一步是过滤,按树展开,将多余的数组剔除; console.log(oldArr) return oldArr; } listToTree(oldData);
posted @ 2020-05-28 19:00  优雅的小谢  阅读(464)  评论(0编辑  收藏  举报
Live2D