這篇文章將為大家詳細(xì)講解有關(guān)使用JavaScript怎么將list轉(zhuǎn)換成tree，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)是一家專業(yè)提供雞西企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為雞西眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

JavaScript將有父子關(guān)系的平行數(shù)組轉(zhuǎn)換成樹形數(shù)據(jù)

方法：雙重遍歷，一次遍歷parentId,一次遍歷id == parendId;

該方法應(yīng)該能很容易被想到，實(shí)現(xiàn)起來(lái)也一步一步可以摸索出來(lái)；

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時(shí)，（說明有children），需要往該內(nèi)層id里建個(gè)children并push對(duì)應(yīng)的數(shù)組；
          if(!ele.children){
            ele.children = [];
          }
          ele.children.push(element);
        }
      });
    }
  });
  console.log(oldArr) //此時(shí)的數(shù)組是在原基礎(chǔ)上補(bǔ)充了children;
  oldArr = oldArr.filter(ele => ele.parentId === 0); //這一步是過濾，按樹展開，將多余的數(shù)組剔除；
  console.log(oldArr)
  return oldArr;
}
listToTree(oldData);

關(guān)于使用JavaScript怎么將list轉(zhuǎn)換成tree就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。