js 遍历树的层级关系的实现

最新推荐文章于 2024-03-29 22:04:18 发布

转载最新推荐文章于 2024-03-29 22:04:18 发布 · 632 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xuqp/p/10954849.html

博客介绍了遍历树的层级关系的方法，首先要整理数据，接着找到id和数据的映射关系，最后找到父节点的数据并进行存储。还给出了转载来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.遍历树的层级关系

1）先整理数据

2）找到id和数据的映射关系

3）然后找到父节点的数据，进行存储

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

转载于:https://www.cnblogs.com/xuqp/p/10954849.html