国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js 實現(xiàn) list轉換成tree的方法示例(數組到樹)

2024-05-06 15:35:49
字體:
來源:轉載
供稿:網友

目標:

JS 將有父子關系的平行數組轉換成樹形數據

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

該方法應該能很容易被想到,實現(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){ //當內層循環(huán)的ID== 外層循環(huán)的parendId時,(說明有children),需要往該內層id里建個children并push對應的數組;          if(!ele.children){            ele.children = [];          }          ele.children.push(element);        }      });    }  });  console.log(oldArr) //此時的數組是在原基礎上補充了children;  oldArr = oldArr.filter(ele => ele.parentId === 0); //這一步是過濾,按樹展開,將多余的數組剔除;  console.log(oldArr)  return oldArr;}listToTree(oldData);

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持錯新站長站。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 定兴县| 拉孜县| 万荣县| 新化县| 古丈县| 张家界市| 上思县| 思茅市| 木里| 陆丰市| 田林县| 南江县| 睢宁县| 汪清县| 陇川县| 荣成市| 佛教| 衡阳市| 清徐县| 张家界市| 贡嘎县| 含山县| 荆门市| 岳普湖县| 赣榆县| 皋兰县| 阿图什市| 始兴县| 偃师市| 淮北市| 莱阳市| 商水县| 信丰县| 南和县| 池州市| 仪陇县| 屏东市| 耿马| 科技| 哈巴河县| 晋州市|