av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JS遍歷樹層級關系實現原理解析

瀏覽:88日期:2024-04-22 15:36:20

1.遍歷樹的層級關系

1)先整理數據

2)找到id和數據的映射關系

3)然后找到父節點的數據,進行存儲

代碼如下

test() { const list = [ { id: '123', parentId: '', children: [] }, { id: '124', parentId: '123', children: [] }, { id: '125', parentId: '124', children: [] }, { id: '126', parentId: '125', children: [] }, { id: '127', parentId: '126', children: [] } ]; const mapList = []; const tree = []; list.forEach(item => {mapList[item.id] = item; }); list.forEach(item => { const parentNode = mapList[item.parentId]; if (!parentNode) { if (!item.children) { item.children = [] } tree.push(item); } else {if (!parentNode.children) {parentNode.children = []} parentNode.children.push(item); } }); console.log('tree', tree); },

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲精品自拍视频 | 国产视频99 | 欧美日韩在线一区 | 日本在线视频一区 | 91视频在线免费观看 | 爱福利视频| 亚洲国产伦理 | 欧美激情综合 | av噜噜噜| 一级黄毛片 | 99久久视频 | 黄色亚洲 | 日韩三级一区二区 | 免费一级a毛片 | 日韩中文字幕一区二区三区 | 在线免费观看av网站 | 中文天堂在线观看 | 欧美日韩中文在线 | 国产一区二区在线视频 | 色综合天天综合网国产成人网 | 二区三区在线观看 | 日韩欧美小视频 | 欧美激情一区二区三区 | 日韩三级精品 | 免费精品 | 最新日韩在线 | 成人免费在线观看网站 | 在线观看黄色片 | 成人免费看片视频 | 日本一区二区在线播放 | 精品一区国产 | 婷婷六月色 | 久久91视频 | 一区二区三区在线免费观看 | 青草在线视频 | 欧美黄色一级大片 | 亚洲精品久久久久avwww潮水 | 国产一级免费视频 | 亚洲色综合 | 免费在线看a | 波多野结衣黄色 |