扁平数组转为树形结构

数据:

date :[

{ id: 1, pid: 0, name: '中国' },

{ id: 2, pid: 0, name: '巴铁' },

{ id: 3, pid: 1, name: '小日本儿' },

{ id: 4, pid: 2, name: '杂种美国' },

{ id: 5, pid: 2, name: '俄罗斯' },

{ id: 6, pid: 13, name: '乌克兰' },

{ id: 7, pid: 3, name: '英国' },

{ id: 8, pid: 7, name: '意大利' },

{ id: 9, pid: 7, name: '西班牙' }

]

方法:

created() {
    console.log(this.convertToTree(this.date),123);
  },
  methods: {
     convertToTree(flatData) {
    let treeData = [];
    let map = new Map(); 
    let outputObj, pid;
    for (let i = 0; i < flatData.length; i++) {
        pid = flatData[i].pid;
        if (map.has(pid)) {
            if (!map.get(pid).childrens)
                map.get(pid).childrens = [];
            let obj = new Object(flatData[i]);
            map.get(pid).childrens.push(obj);
            map.set(flatData[i].id, obj);
        } else if (!map.has(pid) && pid === 0) {
            // '&& pid === 0' 判断条件是为了只将 pid 为 0 作为根节点,其它值不作为根节点。
            // 如需将其它值也作为根节点,可将 'else if (!map.has(pid) && pid === 0)' 改为 'else'
            outputObj = new Object(flatData[i]);
            treeData.push(outputObj);
            map.set(flatData[i].id, outputObj);
        }
    }
    return treeData;
},

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值