json数据转换为树形json

var nodes = [  
    {"id":2,"cname":"第一级1","ipid":0,"ccode":"1"},  
    {"id":3,"cname":"第一级1","ipid":2,"ccode":"1"},  
    {"id":4,"cname":"第一级1","ipid":2,"ccode":"1"},  
    {"id":5,"cname":"第一级1","ipid":4,"ccode":"1"},  
    {"id":6,"cname":"第一级1","ipid":3,"ccode":"1"},  
    {"id":7,"cname":"第一级1","ipid":0,"ccode":"1"}  
]         
function transDate(list,idstr,pidstr){  
    var result = [],temp = {};  
    for(i = 0; i < list.length; i++){  
        temp[list[i][idstr]]=list[i];//将nodes数组转成对象类型  
    }  
    for(j=0; j<list.length; j++){  
        tempVp = temp[list[j][pidstr]]; //获取每一个子对象的父对象  
        if(tempVp){//判断父对象是否存在,如果不存在直接将对象放到第一层  
            if(!tempVp["nodes"]) tempVp["nodes"] = [];//如果父元素的nodes对象不存在,则创建数组  
            tempVp["nodes"].push(list[j]);//将本对象压入父对象的nodes数组  
        }else{  
            result.push(list[j]);//将不存在父对象的对象直接放入一级目录  
        }  
    }  
    return result;  
}  
  
console.log(transDate(nodes,"id","ipid")); //传入的值 列表 ,本对象的id,父对象的id  
document.write(JSON.stringify(transDate(nodes,"id","ipid")));  

 

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明
JSON.stringify()方法可以将JavaScript对象转换JSON字符串。如果要将树形结构JSON数据展示出来,可以先将源数据进行深度克隆,然后通过遍历源数据,为每个节点添加children属性,最后使用JSON.stringify()方法将处理后的数据转换JSON字符串。 以下是一个示例代码: ```javascript // 假设源数据为以下结构 const source = [ { id: 1, name: 'node1', parentId: null }, { id: 2, name: 'node2', parentId: 1 }, { id: 3, name: 'node3', parentId: 1 }, { id: 4, name: 'node4', parentId: 2 }, { id: 5, name: 'node5', parentId: 2 }, { id: 6, name: 'node6', parentId: 3 }, { id: 7, name: 'node7', parentId: 3 }, ]; // 对源数据进行深度克隆 const cloneData = JSON.parse(JSON.stringify(source)); // 为每个节点添加children属性 cloneData.forEach(item => { item.children = cloneData.filter(child => child.parentId === item.id); }); // 过滤出根节点 const treeData = cloneData.filter(item => item.parentId === null); // 将处理后的数据转换JSON字符串 const jsonString = JSON.stringify(treeData); console.log(jsonString); ``` 运行以上代码,将会输出以下JSON字符串: ```json [ { "id": 1, "name": "node1", "parentId": null, "children": [ { "id": 2, "name": "node2", "parentId": 1, "children": [ { "id": 4, "name": "node4", "parentId": 2, "children": [] }, { "id": 5, "name": "node5", "parentId": 2, "children": [] } ] }, { "id": 3, "name": "node3", "parentId": 1, "children": [ { "id": 6, "name": "node6", "parentId": 3, "children": [] }, { "id": 7, "name": "node7", "parentId": 3, "children": [] } ] } ] } ] ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值