JavaScript解析任意形式的json树型结构展示

137 阅读 0 评论 91 点赞

我是靠谱客的博主大方信封，最近开发中收集的这篇文章主要介绍JavaScript解析任意形式的json树型结构展示，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在页面展示json成树形结构时，往往得到的json不是ztree的规范格式，需要对json循环迭代解析。即使不规范的json也可以树形展现：

var arrayJsonContent=[];
//节点类
 var JsonNodes = {
 id:"",
 name:"",
 pId:"",
 content:"",
 //location:"",
 linklocation:"",
 open:false
};
//循环迭代解析json
 function buildTree(o,params){
 for( var child in o){
 var param =params+"?"+child;
 var JsonNodes={
 id:param,
 pId:params,
 name:child
 };
 arrayJsonContent.push(JsonNodes);
 if(typeof o[child] == "object"){
 buildTree(o[child],param,loca);
 }else{
 var JsonNodes={
 id:param,
 pId:params,
 name:child,
 content:o[child]
 };
 arrayJsonContent.push(JsonNodes);
 }
 }

以上所述是小编给大家介绍的JavaScript解析任意形式的json树型结构展示，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复的大家的！