js實現(xiàn)數(shù)組轉(zhuǎn)樹示例
更新時間：2022年06月27日 10:12:45 作者：FBI_6720
這篇文章主要為大家介紹了js實現(xiàn)數(shù)組轉(zhuǎn)樹示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
原生 封裝工具函數(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 當(dāng)item.pid為空時 為一級目錄 將該一級目錄數(shù)組對象 添加到treeList中
1.5 通過 item.pid獲取到 id 不為空時 獲取數(shù)組對象 pid為01
1.6 獲取 映射對象 map 獲取到 屬性名01 將該數(shù)組對象item 添加 到children中 并返回到treeList中
代碼:
結(jié)構(gòu)圖:
以上就是js實現(xiàn)數(shù)組轉(zhuǎn)樹示例的詳細(xì)內(nèi)容，更多關(guān)于js數(shù)組轉(zhuǎn)樹的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
圖片輪換的效果隨處可見，但是我還是試著封裝了一個函數(shù)。一個頁面上可以多次調(diào)用。。。由于初學(xué)代碼寫的不是多好，其中有個文件是可以踢出到一個js文件里的，這是為了測試方便，我都給放在了一個頁面里了。2011-09-09
這篇文章主要介紹了關(guān)于微信上網(wǎng)頁圖片點擊全屏放大效果的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了小程序如何自主實現(xiàn)攔截器,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JavaScript使用canvas實現(xiàn)錨點摳圖功能
在日常的圖片處理中,我們經(jīng)常會遇到需要摳圖的情況,無論是為了美化照片、制作海報,還是進(jìn)行圖片合成,摳圖對于我們來說也是一種很常用的功能了,今天就讓我們一起來看下怎么使用canvas來實現(xiàn)一個錨點摳圖功能2024-03-03
這篇文章主要為大家詳細(xì)介紹了js+html+css實現(xiàn)手動輪播和自動輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
js中string轉(zhuǎn)int把String類型轉(zhuǎn)化成int類型
今天碰到一個問題，需要把String類型的變量轉(zhuǎn)化成int類型的，js中String轉(zhuǎn)int和Java中不一樣，不能直接把Java中的用到j(luò)s中2014-08-08
先來看一下幾個常用瀏覽器的攔截設(shè)置2010-02-02
JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法
這篇文章主要介紹了JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法,實例分析了javascript針對節(jié)點元素的替換、刪除及常用的幾種添加技巧,需要的朋友可以參考下2016-06-06
這篇文章主要為大家分享了js實現(xiàn)搜索框關(guān)鍵字智能匹配代碼，感興趣的朋友可以參考一下2016-01-01
用JavaScript編寫出來的COM組件稱為WSC。WSC即Windows腳本組件（Windows Scripting Component），是Microsoft COM的一個新技術(shù)，可以通過易于使用的腳本語言來創(chuàng)建。2009-03-03