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

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

JS遍歷樹層級(jí)關(guān)系實(shí)現(xiàn)原理解析

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

1.遍歷樹的層級(jí)關(guān)系

1)先整理數(shù)據(jù)

2)找到id和數(shù)據(jù)的映射關(guān)系

3)然后找到父節(jié)點(diǎn)的數(shù)據(jù),進(jìn)行存儲(chǔ)

代碼如下

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); },

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 怀化市| 宁阳县| 利川市| 英德市| 儋州市| 河南省| 宜丰县| 白水县| 海林市| 榕江县| 津市市| 汪清县| 扎囊县| 兰坪| 渭源县| 桂林市| 固原市| 玉树县| 兰州市| 新巴尔虎右旗| 丰县| 金溪县| 许昌市| 广元市| 延津县| 房产| 南通市| 正定县| 周至县| 枞阳县| 克什克腾旗| 苏州市| 新绛县| 合山市| 宁远县| 兴海县| 普兰店市| 同德县| 高清| 监利县| 梁河县|