JavaScript解析任意形式的json树型结构展示
更新时间：2017年07月23日 10:49:59 作者：mr2zhang
这篇文章主要介绍了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树型结构展示，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复的大家的！
相关文章
这篇文章主要为大家详细介绍了如何利用JavaScript实现获取和解析页面内容,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下2025-03-03
这篇文章主要介绍了Javascript原生ajax请求代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了layui导航栏二级菜单不显示问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章对js编写等方便详细的说明了几个技巧，方便大家提高效率，学习简易化书写代码2013-03-03
这篇文章主要为大家介绍了JavaScript中Set和Map数据结构使用场景详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了uniapp 实现自定义缩略滚动条,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-08-08
JS中的算法与数据结构之链表(Linked-list)实例详解
这篇文章主要介绍了JS中的算法与数据结构之链表(Linked-list),结合实例形式详细分析了javascript中链表的概念、原理、定义及常用操作技巧,需要的朋友可以参考下2019-08-08
本文主要介绍了egg.js的基本使用实例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
这篇文章主要为大家详细介绍了mock.js模拟前后台交互的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家详细介绍了js实现自定义下拉框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
最新评论