无限极评论笔记

该文章展示了一段JavaScript代码,用于将包含ID和PID的数据列表转换为树形结构。通过构建映射表并遍历数据,将子项添加到其父项的children数组中,从而形成树结构。

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

data:[{"id":1675755921416,"pid":1675755866738,"uid":1,"username":"zhangsan","comment":"新年好"},{"id":1675755895321,"pid":1675755866738,"uid":2,"username":"lisi","comment":"大家都好"},{"id":1675755880977,"pid":0,"uid":2,"username":"lisi","comment":"李四动态"},{"id":1675755866738,"pid":1675755806728,"uid":3,"username":"wangwu","comment":"张总好呀"},{"id":1675755849801,"pid":1675755806728,"uid":2,"username":"lisi","comment":"你好"},{"id":1675755806728,"pid":0,"uid":1,"username":"zhangsan","comment":"张三发表动态"}]

列表结构转树形结构:

formatTree(data) {
    const result = [];
    const map = {};

    data.forEach((item) => {
      map[item.id] = item;
    });

    data.forEach((item) => {
      const parent = map[item.pid];

      if (parent) {
        (parent.children || (parent.children = [])).unshift(item);
      } else {
        result.unshift(item);
      }
    });

    return result;
  }

思路:
1、先把数组转列表结构,根据id来存每一项
map:{id1:item, id2:item}

2、循环data数组 ,根据item的pid去读取map的值即:map[item.pid], 存在说明有父级,把该item放到map[tem.pid].children,不存在,放到result,最后返回

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值