目標(biāo):
JS 將有父子關(guān)系的平行數(shù)組轉(zhuǎn)換成樹形數(shù)據(jù)
方法:雙重遍歷,一次遍歷parentId,一次遍歷id == parendId;
該方法應(yīng)該能很容易被想到,實現(xiàn)起來也一步一步可以摸索出來;
const oldData = [ {id:1,name:'boss',parentId:0}, {id:2,name:'lily',parentId:1}, {id:3,name:'jack',parentId:1}, {id:4,name:'john',parentId:2}, {id:5,name:'boss2',parentId:0},]function listToTree(oldArr){ oldArr.forEach(element => { let parentId = element.parentId; if(parentId !== 0){ oldArr.forEach(ele => { if(ele.id == parentId){ //當(dāng)內(nèi)層循環(huán)的ID== 外層循環(huán)的parendId時,(說明有children),需要往該內(nèi)層id里建個children并push對應(yīng)的數(shù)組; if(!ele.children){ ele.children = []; } ele.children.push(element); } }); } }); console.log(oldArr) //此時的數(shù)組是在原基礎(chǔ)上補充了children; oldArr = oldArr.filter(ele => ele.parentId === 0); //這一步是過濾,按樹展開,將多余的數(shù)組剔除; console.log(oldArr) return oldArr;}listToTree(oldData);以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答