行数据结构转成树形数据结构

背景:在前后端开发过程中,后端负责提供接口数据,有时前端需要把接口数据转成其他的格式,本文就用于将具备父子逻辑的行数据转成树形结构。

代码如下:

function rowDataToTreeData(rootTreeNode, rowData) {
  if (rowData && rowData.length > 0) {
    for (let i = 0; i < rowData.length; i++) {
      //找出子节点
      if (rootTreeNode.id === rowData[i].parentId) {
        if (rootTreeNode.children) {
          rootTreeNode.children.push(rowData.splice(i, 1)[0]);
        } else {
          rootTreeNode.children = [rowData.splice(i, 1)[0]];
        }
        i = i - 1;
      }
    }

    if (rootTreeNode.children && rootTreeNode.children.length > 0) {
      for (let i = 0; i < rootTreeNode.children.length; i++) {
        rowDataToTreeData(rootTreeNode.children[i], rowData);//递归
      }
    }
  }

  return rootTreeNode;
}

let rootTreeNode = {//假设的根节点,便于递归逻辑
  id: 0,
  parentId: undefined,
  children: []
};

let rowData = [
  {
    id: 1,
    parentId: 0,
    name: 1
  },
  {
    id: 2,
    parentId: 0,
    name: 2
  },
  {
    id: 3,
    parentId: 1,
    name: 3
  },
  {
    id: 4,
    parentId: 2,
    name: 49
  },
  {
    id: 5,
    parentId: 3,
    name: 5
  },
  {
    id: 6,
    parentId: 0,
    name: 6
  },
  {
    id: 7,
    parentId: 6,
    name: 7
  },
  {
    id: 8,
    parentId: 0,
    name: 8
  },
  {
    id: 9,
    parentId: 4,
    name: 9
  },
  {
    id: 10,
    parentId: 7,
    name: 10
  },
  {
    id: 11,
    parentId: 10,
    name: 11
  },
  {
    id: 12,
    parentId: 10,
    name: 12
  }
];

console.log(rowDataToTreeData(rootTreeNode,rowData));

备注:数据量很大的情况并没有测试,性能不能保证,如有道友参考需谨慎…

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wl_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值