国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 繁昌县| 温州市| 军事| 治县。| 乡宁县| 西宁市| 巴楚县| 民丰县| 通渭县| 甘孜| 青龙| 宁蒗| 乐平市| 庄河市| 南木林县| 平舆县| 曲周县| 邹平县| 靖安县| 黔西| 富阳市| 东乌珠穆沁旗| 马公市| 二连浩特市| 云梦县| 甘洛县| 彰武县| 平乡县| 盖州市| 安岳县| 榆中县| 盘山县| 蛟河市| 汶川县| 周宁县| 潼南县| 沁源县| 柯坪县| 永丰县| 湟源县| 鄂尔多斯市|