扁平化数据与Tree树形结构数据互转

/**
   * 扁平数据结构转换为树型结构
   *
   * @param {Array}  list 扁平数据结构
   * @param {String} parentId 关联父级id的字段名
   * @param {String} childName
   * @returns {Object} 返回树型结构
   */
        listToTree: (list, parentId = "parentId", childName = "children") => {
            const res = [];
            const map = list.reduce((res, v) => ((res[v.id] = v), res), {});

            for (const item of list) {
                if (item[parentId] === null) {
                    res.push(item);
                    continue;
                }
                if (item[parentId] in map) {
                    const parent = map[item[parentId]];
                    parent[childName] = parent[childName] || [];
                    parent[childName].push(item);
                }
            }
            return res;
        },
 // 树形拍平
        getNode(treeData) {
            const flatData = [];
            function flatten(node, parent) {
                const flatNode = { ...node };
                flatNode.parentId = parent;
                flatData.push(flatNode);
                if (node.children) {
                    node.children.forEach((child) => {
                        flatten(child, node.id);
                    });
                    delete flatNode.children;
                }
            }
            treeData.forEach((node) => {
                flatten(node, null);
            });
            return flatData;
        },

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值