js遞迴生成樹形結構

2022-07-21 04:21:12 字數 613 閱讀 2432

情景一:返回的資料格式為array沒有層級結構 靠pid關聯 需要處理資料成樹狀結構

參考若依框架

/**

* 構造樹型結構資料

* @param data 資料來源

* @param id id欄位 預設 'id'

* @param parentid 父節點字段 預設 'parentid'

* @param children 孩子節點字段 預設 'children'

* @param rootid 根id 預設 0

*/export function handletree(data, id, parentid, children, rootid) );

brancharr.length > 0 ? father.children = brancharr : '';

//返回第一層

return father[parentid] === rootid;

});return treedata != '' ? treedata : data;

}//const list=this.handletree(response.data, "menuid");

情景二:

js遞迴生成樹形結構

後端獲取json陣列,成樹結構,下面直接上 首先集合的資料格式是這樣的。資料 生成樹結構 load generateoptions params parent.children this.getchilds param.id,params 獲取子節點 result.push parent retur...

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...