国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

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

瀏覽:97日期: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
相關文章:
主站蜘蛛池模板: 澎湖县| 浙江省| 文昌市| 南投市| 色达县| 锡林郭勒盟| 将乐县| 会宁县| 灵寿县| 神木县| 左云县| 万年县| 仁布县| 视频| 靖州| 瑞安市| 中卫市| 利川市| 正镶白旗| 巴林右旗| 文化| 海丰县| 察隅县| 湖口县| 沙湾县| 庐江县| 丰城市| 三穗县| 且末县| 邢台县| 通河县| 黑河市| 台北县| 阿巴嘎旗| 安新县| 福海县| 南通市| 旅游| 婺源县| 增城市| 金寨县|