将一维数组根据id pid,改成树结构

// 处理成tree
    getTree(dataList) {
        const tree = [];
        const idMap = new Map();
        dataList.forEach(item => {
            item.isLeaf = true;
            idMap.set(item.id, item);
        });
        dataList.forEach(item => {
            if (idMap.has(item.pid)) {
                item.isLeaf = false;
                const parent = idMap.get(item.pid);
                if (!parent.children) {
                    parent.children = [];
                }
                parent.children.push(item);
            } else {
                tree.push(item);
            }
        });
        console.log(tree)
        return tree;
    }

idMap 对象用于存储每个节点的引用,以便在后面能够快速查找父节点,就是利用了 get(key) 方法来获取与节点 id 相对应的节点引用。
返回的tree是对象,可以用json.parse(json.stringify())转换一下

  • 二,去重
getTree(dataList) {
        if(!dataList)return []
        const tree = [];
        const idMap = new Map();

        dataList.forEach(item => {
            idMap.set(item.id, item);
        });
        dataList.forEach(item => {
            if (idMap.has(item.pid)) {
                const parent = idMap.get(item.pid);
                if (!parent.children) {
                    parent.children = [];
                }
                let idx = parent.children.findIndex(i=>i.id==item.id)
                if(idx== -1){
                    parent.children.push(item);
                }else{
                    parent.children.splice(idx,1,item)
                }
            } else {
                tree.push(item);
            }
        });
        return JSON.parse(JSON.stringify(tree));
    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值