js實現(xiàn)數(shù)組轉(zhuǎn)樹

1. 原生 封裝工具函數(shù) getTree

1.1 定義 -映射對象 map? ?數(shù)組treeList=[]

1.2 遍歷 后端返回的數(shù)組 list? 為 每個數(shù)組對象item 添加 children 屬性 值為空數(shù)組?

1.3? 為映射對象 map 添加屬性 并賦值? key:id值? value:item??

1.4 遍歷數(shù)組對象list? 當item.pid為空時? 為一級目錄? ?將該一級目錄數(shù)組對象? 添加到treeList中

1.5? 通過 item.pid獲取到 id 不為空時 獲取數(shù)組對象? pid為01

1.6? 獲取 映射對象 map 獲取到 屬性名01? ? 將該數(shù)組對象item 添加 到children中 并返回到?treeList中

? ? ?代碼:

結(jié)構(gòu)圖:

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容