JS 三级格式数组转三级树

1 篇文章 0 订阅
1 篇文章 0 订阅

后台接口返回的数据格式:

var data = [
         {sucode1:"1",sucode2:"01",sucode3:"001",subName1:"name1",subName2:"name2",subName3:"name3"},
         {sucode1:"1",sucode2:"02",sucode3:"001",subName1:"name1",subName2:"name2",subName3:"name3"},
         {sucode1:"1",sucode2:"02",sucode3:"002",subName1:"name1",subName2:"name2",subName3:"name3"},
         {sucode1:"2",sucode2:"01",sucode3:"001",subName1:"name1",subName2:"name2",subName3:"name3"},
         {sucode1:"3",sucode2:"01",sucode3:"001",subName1:"name1",subName2:"name2",subName3:"name3"},
         {sucode1:"3",sucode2:"02",sucode3:"001",subName1:"name1",subName2:"name2",subName3:"name3"},
     ];

 

js转换树的方法:

function treeData(data){
    var code1 = "-1";
    var code2 = "-1";
    var root1=[];
    var rootData1={};
	var tmp1=-1;
	var tmp2=-1;
    for(var info of data){
        
        if(code1 != info.sucode1){
            rootData1={title:info.subName1,code:info.sucode1,level:1,children:[{title:info.subName2,code:info.sucode2,level:2,children:[{title:info.subName3,level:3,code:info.sucode3}]}]};
            root1.push(rootData1);
            code1 = info.sucode1;
			code2 = info.sucode2;
			tmp1++;
			tmp2=0;
        }else{
			var children = root1[tmp1].children;
            if(code2 == info.sucode2){
                var children2 = children[tmp2].children;
				children2.push({title:info.subName3,level:3,code:info.sucode3});
				children[tmp2].children = children2;
			}else{
				children.push({title:info.subName2,code:info.sucode2,level:2,children:[{title:info.subName3,level:3,code:info.sucode3}]});
				rootData1.children = children;
				root1[tmp1]=rootData1;
				tmp2++;
			}
            code2 = info.sucode2;
            code1 = info.sucode1;
        }
      }
    return root1;
 }

 

运行结果:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

勇气heart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值