JavaScript解析任意形式的json樹型結(jié)構(gòu)展示
更新時間：2017年07月23日 10:49:59 作者：mr2zhang
這篇文章主要介紹了JavaScript解析任意形式的json樹型結(jié)構(gòu)展示的相關(guān)資料,需要的朋友可以參考下
在頁面展示json成樹形結(jié)構(gòu)時，往往得到的json不是ztree的規(guī)范格式，需要對json循環(huán)迭代解析。即使不規(guī)范的json也可以樹形展現(xiàn)：
var arrayJsonContent=[];
//節(jié)點類
var JsonNodes = {
id:"",
name:"",
pId:"",
content:"",
//location:"",
linklocation:"",
open:false
};
//循環(huán)迭代解析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樹型結(jié)構(gòu)展示，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)的大家的！
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)的二級橫向菜單條,是非常美觀簡潔的二級導(dǎo)航條效果,可實現(xiàn)針對鼠標(biāo)事件的動態(tài)響應(yīng)及頁面樣式切換功能,簡單實用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了Webpack中雪碧圖插件使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
JS將指定的某個字符全部轉(zhuǎn)換為其他字符實例代碼
這篇文章主要給大家介紹了關(guān)于JS如何將指定的某個字符全部轉(zhuǎn)換為其他字符的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
本文主要分享了原生js開發(fā)的日歷插件的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
document.getElementById為空或不是對象的解決方法
document.getElementById為空或不是對象的解決方法，一般情況下注意先內(nèi)容后js.2010-01-01
這篇文章主要介紹了淺談webpack對樣式的處理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
JS基于HTML5的canvas標(biāo)簽實現(xiàn)炫目的色相球動畫效果實例
這篇文章主要介紹了JS基于HTML5的canvas標(biāo)簽實現(xiàn)色相球效果,結(jié)合實例形式分析了基于canvas標(biāo)簽實現(xiàn)圖形繪制的相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
我們在做項目的時候，特別是注冊用戶的時候，基本上都需要有注冊協(xié)議之類的東西，那么我們?nèi)绾闻袛嘤脩羰欠窆催x了同意了此協(xié)議呢？2014-06-06
所謂的文本框倒敘輸入是指輸入框的焦點始終在最開始的位置，下面是具體的實現(xiàn)，感興趣的朋友可以學(xué)習(xí)下2014-09-09
filter是new一個新的array，這篇文章主要介紹了javascipt filter過濾介紹及使用,需要的朋友可以參考下2014-09-09