js树结构转数组 扁平化 树结构平铺 倒序数据

本文介绍了如何将JavaScript中的树形数据结构转换为数组,并进行扁平化处理,同时讲解了如何获取树结构下特定字段的集合。通过树数据扁平化,可以更方便地操作和展示数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

tree数据扁平化

/**
* tree数据扁平化
* 添加深度
* 添加父级节点(不能添加,只能使用父节点ID,添加echart会爆栈)
*/
flatTree(data, treeMap = [], depth = 0) {
 if (!(data && data.length)) return;
 depth++;
 return data.reduce((acc, cur) => {
   cur.depth = depth;
   acc.push(cur);
   if (cur.children && cur.children.length) {
     this.flatTree(cur.children, treeMap, depth);
   }
   return acc;
 }, treeMap);
}

tree 铺平方法

// tree 铺平方法
const getNodeMap = (node, parentNode) => {
  node.parentNode = parentNode;
  const nodeMap = [node];
  if (node.children && node.children.length) {
    node.children.forEach(item => nodeMap.push(...getNodeMap(item, node)));
  }
  return nodeMap;
};

export const getTreeMap = tree => {
  if (!(tree instanceof Array)) return;
  const treeMap = [];
  tree.forEach(node => {
    treeMap.push(...getNodeMap(node, tree));
  });
  return treeMap;
};

获取树结构下某个字段的集合

const getProvilegeCode = data => {
  return data.reduce((acc, { resourceCode, children }) => {
    acc.push(resourceCode);
    if (children && children.length) acc.push(...getProvilegeCode(children));
    return acc;
  }, []);
};
const mutations = {
  updatePrivilege(state, data) {
    if (!(data.privilegeList && data.privilegeList.length)) return;
    state.privilegeCode = getProvilegeCode(data.privilegeList);
  }
};

倒序数据

let list = [];
for (let i = 0; i < chartsDaLi.length; i += 1) {
	list[i] = chartsDaLi[chartsDaLi.length - i - 1];
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值