欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-14 19:54:37
 在页面展示json成树形结构时,往往得到的json不是ztree的规范格式,需要对json循环迭代解析。即使不规范的json也可以树形展现: var...

 在页面展示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树型结构展示,希望对大家有所帮助