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