数组结构数据转树形结构

 一组数组结构的数据,包含id以及pid(parentId),根据给出的数据把数组转换成树形结构数据

var flatLs = [{
    id: 1
}, {
    id: 2
}, {
    id: 3
}, {
    id: 4,
    pid: 1
}, {
    id: 5,
    pid: 3
}, {
    id: 6,
    pid: 2
}, {
    id: 7,
    pid: 4
}, {
    id: 8,
    pid: 3
}, {
    id: 9,
    pid: 4
}]
const flat2tree = flatLs => {
    flatLs.forEach(item => {
        if (!item.pid) {
            item.pid = 0;
        } else {
            const index = flatLs.findIndex(_item => _item.id === item.pid)
            if (index !== -1) {
                flatLs[index].children = flatLs[index].children || []
                flatLs[index].children.push(item)
            }
        }
    })
    return flatLs.filter(item => item.pid === 0)
}

console.log(flat2tree(flatLs))

这里主要利用了对象是通过引用传值的特点来处理的。因此遍历整个数组,直接修改传入的参数,最后取出所有的顶层节点的数据即可。数组中无pId的数据可以令pId为0,当做顶层数据。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值