首页 > 其他分享 >1.将树形结构数据打平成一维数组

1.将树形结构数据打平成一维数组

时间:2023-01-12 16:45:55浏览次数:52  
标签:数组 打平 res item 树形 result 一维 flatTree children

1.函数

const flatTree = (treeData) => {
  let result = [];
  treeData.forEach((item) => {
    // 先克隆一份数据作为第一层级的填充
    let res = JSON.parse(JSON.stringify(item));
    delete res.children;
    result.push(res);
    if (item.children && item.children.length > 0) {
      // 如果当前children为数组并且长度大于0,才可进入flatTree()方法
      result = result.concat(flatTree(item.children));
    }
  });
  return result;
};
const res = flatTree(treeDate);
console.log("res", res);

标签:数组,打平,res,item,树形,result,一维,flatTree,children
From: https://www.cnblogs.com/songkomei/p/17047046.html

相关文章

  • MySql树形结构(多级菜单)查询设计方案
    背景又很久没更新了,很幸运地新冠引发了严重的上呼吸道感染,大家羊过后注意休息和防护工作中(尤其是传统项目中)经常遇到这种需要,就是树形结构的查询(多级查询),常见的场景有:......
  • JavaScript 扁平数据与树形结构数据的转换
    一、扁平转树形在JavaScript中,可以使用递归算法将扁平的数据转换为树形结构。扁平数据通常是一个带有parentId属性的数组,而树形结构通常是一个带有children属性......
  • 算法学习笔记(49)——树形DP
    树形DP题目链接:AcWing285.没有上司的舞会题目描述Ural大学有\(N\)名职员,编号为\(1∼N\)。他们的关系就像一棵以校长为根的树,父节点就是子节点的直接上司。每个......
  • 25、商品服务--三级分类--树形三级分类添加append和delete按钮
    效果如下:我们设置了只有当分类的层级为1或者2时才能显示append按钮,只有当没有子孩子节点时才能显示delete按钮:expand-on-click-node="false"表示只有当点击最......
  • [复习资料]最小树形图
    [复习资料]最小树形图最近在整理自己的模板集,然后就发现了最小树形图这个基本不考的考点,我记得当时学最小树形图的时候都是迷迷糊糊的,跟着题解敲了一遍代码,根本无法理解这......
  • 21、商品服务--三级分类--查询、递归树形数据获取
    1、编写查询分类的controller2、给CategoryEntity添加一个children字段3、编写service的接口4、编写serviceImpl的接口实现(用到了递归来设置子菜单下的子菜单)......
  • 最小树形图
    最小树形图简介:在一个有向图中构造一颗最小生成树(有根树)解法:朱刘算法:判断图的连通性:如果所有点不联通,无解除根节点外寻找每个点的最小入边,记pre[v]为点v的入边......
  • 小程序 实现 树形菜单
    原理很简单,就是通过小程序的组件递归来实现首先创建一个组件。treeList.wxml<viewclass="treeListc{{step}}"><viewclass="line"style="margin-left:{{(step......
  • 树形 dp 与树上问题
    NFLS集训笔记20220802-树形dp进阶与树上问题综合\(\text{ByDaiRuiChen007}\)I.洛谷[P2585]-三色二叉树\(\text{Link}\)思路分析简单题,建出树后暴力枚举当前......
  • iView 树形组件 on-select-change 事件用法
    一、组件  <Tree:data="baseData"@on-select-change="checkBoxSel"show-checkbox></Tree>二、方法checkBoxSel(root,node){......