js遞迴生成樹形結構

2021-09-22 21:04:17 字數 714 閱讀 3793

後端獲取json陣列,成樹結構,下面直接上**。

首先集合的資料格式是這樣的。

資料:

[,,

,,,,

,]

生成樹結構**:

load() )

},generateoptions(params)

parent.children = this.getchilds(param.id, params);//獲取子節點

result.push(parent);}}

return result;

},getchilds(id, array) );}}

for (let child of childs)

}return childs;

},

轉換後的資料:

[

],"label": "你是誰啊",

"value": 6}],

"label": "1樓兒子2",

"value": 4}],

"label": "11111111樓",

"value": 1

},],

"label": "2樓",

"value": 2

},],

"label": "33333樓",

"value": 13

}]

js遞迴生成樹形結構

情景一 返回的資料格式為array沒有層級結構 靠pid關聯 需要處理資料成樹狀結構 參考若依框架 構造樹型結構資料 param data 資料來源 param id id欄位 預設 id param parentid 父節點字段 預設 parentid param children 孩子節點字段 ...

js樹形結構操作

按照pid分組,分組可以大大減少遞迴次數。array分組的最好方式是用物件接收array的項,該物件的key值就是分組憑證 按照pid和id的匹配 遞迴 已分組的資料。array轉樹形結構的演算法 params list 代轉化陣列 params parentid 起始節點 預設為 0 params...

js實現樹形結構

js實現樹形結構 1 html 2 js載入資料 function function loadtree ul thirdli ul li ul li 查詢所有一級節點下的 如果找到,則給 節點中除了最後乙個節點以外的節點加浮動,如果沒有 則給所有的二級加浮動 for var i 0 i parent...