树形结构的数据处理

数据结构

 let arr = [
      { id: 1, name: '一级1', parentId: 0 },
      { id: 2, name: '一级2', parentId: 0 },
      { id: 3, name: '二级1', parentId: 1 },
      { id: 4, name: '二级2', parentId: 1 },
      { id: 5, name: '二级3', parentId: 2 },
      { id: 6, name: '二级3', parentId: 3 },
    ]

arr数据处理成newArr数据

let newArr数据 = [
      {
        id: 1, name: '一级1', parentId: 0,
        children: [
          {
            id: 3, name: '二级1', parentId: 1,
            children: [
              { id: 6, name: '二级3', parentId: 3 }
            ]
          },
          { id: 4, name: '二级2', parentId: 1 }
        ]
      },
      {
        id: 2, name: '一级2', parentId: 0,
        children: [
          { id: 5, name: '二级3', parentId: 2 }
        ]
      }
    ]

判断id和parentId相等,如果相等parentId就是他的孩子``

let newArray = []
 arr.forEach(res => {
    if (res.parentId === 0) {
       newArray.push(res)
     }
 })
 this.arrToTree(arr, newArray)
 function arrToTree(list, newArray) {
    newArray.forEach(res => {
        list.forEach((ret, index) => {
          if (res.id === ret.parentId) {
            if (!res.children) {
              res.children = [];
           };
           res.children.push(ret);
         }
       })
       if (res.children) {
         this.arrToTree(list, res.children);
       }
     })
 }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值