日常开发记录打卡系列--JSON树状数据处理

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sourcemyx/article/details/81075555

 

写博客频率有点低了呀

由于工作 没什么时间研究太多干货

很多都是在工作中直接研究实现,就忘记写博客记录了

           

不过偶尔抽点时间写写记录一下也不错,虽然问题基本都能解决

但是希望能在其他兄弟们遇到问题的时候 能找到关键字,并解决

所以今天起开一个日常开发系列

 

今天主要讲的是后台根据传入ID和parentID来判断子父级的JSON数据

然而实际运用的时候,。我们希望返回的其实是这种格式

当然这种是博主处理过后的。

后台的大哥们要偷懒 前端的只能苦逼处理了吧。其实如果后台能处理当然是最好的。

毕竟客户端的响应速度影响用户体验嘛

不抱怨 自己动手敲

function getTree(data,father){
    var itemArr=[];
    for(var i=0;i<data.length;i++){
        var node=data[i];
        if(node.parentId==father ){
            var newNode={id:node.id,name:node.name,children:getTree(data,node.id)};
            itemArr.push(newNode);
        }
    }
    return itemArr;
}

 这时候递归就是那么好用,目前后台所返回的是一级的树状数据,但是即使返回多级也不慌,

getTree(data,parentId)

 data:传入JSON数据

 father 传入最外层父级的ID

node.parentId==father 只要满足就会一直套下去

father传入为空也可以  就会默认为空即是最外层的父级

newNode对象里的数据大家可以根据自己需要的加 或者改参数。轻松解决噜


                         帮到你的话 的点个赞是对本系列最大的支持!

                                                                        我叫Daniel  还没有用洗面奶洗头的开发

猜你喜欢

转载自blog.csdn.net/Sourcemyx/article/details/81075555