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)展示，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復的大家的！
相關(guān)文章
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)獲取和解析頁面內(nèi)容,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下2025-03-03
這篇文章主要介紹了Javascript原生ajax請求代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了layui導航欄二級菜單不顯示問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章對js編寫等方便詳細的說明了幾個技巧，方便大家提高效率，學習簡易化書寫代碼2013-03-03
JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場景詳解
這篇文章主要為大家介紹了JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場景詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了uniapp?實現(xiàn)自定義縮略滾動條,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-08-08
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之鏈表(Linked-list)實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之鏈表(Linked-list),結(jié)合實例形式詳細分析了javascript中鏈表的概念、原理、定義及常用操作技巧,需要的朋友可以參考下2019-08-08
本文主要介紹了egg.js的基本使用實例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
這篇文章主要為大家詳細介紹了mock.js模擬前后臺交互的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)自定義下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11