首页 > 其他分享 >js处理树形数组扁平化

js处理树形数组扁平化

时间:2022-12-19 17:45:47浏览次数:37  
标签:const 扁平化 getObj js 树形 return TagsParams data row

   

  // 树形数组扁平化
  const extractTree = (data: TagsParams[]) => {
    if (!data.length) return [];
    const list: TagsParams[] = [];
    const getObj = (arr: TagsParams[]) => {
      arr.forEach((row: TagsParams) => {
        let obj = {};
        obj = JSON.parse(JSON.stringify(row));
        list.push(obj);
        if (row.children) {
          getObj(row.children);
        }
      });
      return list;
    };
    return getObj(data);
  };

  

 

标签:const,扁平化,getObj,js,树形,return,TagsParams,data,row
From: https://www.cnblogs.com/nangras/p/16992699.html

相关文章

  • js防抖和节流的实现原理及应用场景
    概念:函数防抖(debounce):触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。函数节流(throttle):高频事件触发,但在n秒内只会执行一次,所以节......
  • js实现深拷贝和浅拷贝
    1,深拷贝与浅拷贝的区别深拷贝:主要是将另一个对象的属性值拷贝过来之后,另一个对象的属性值并不受到影响,它自己在堆中开辟了自己的内存区域,不受外界干扰。浅拷贝:主要拷贝......
  • vuejs处理树状结构的数据扁平化
    1,有这样一个数据:1data=[2{3"id":1,4"name":"吃喝",5"parentId":0,6"children":[7......
  • JavaScrip基础(一):JS基础认知
    JavaScript基础认知定义:是一种运行于JavaScript解释器/引擎中的解释型脚本语言什么是解释型?运行之前不不需要编译的,运行之前不会检查错误,知道碰到错误为止。解释型对应......
  • vuejs实现一键复制功能
    1,首先安装插件:npminstallclipboard--sava2,在组件中应用 importClipboardfrom'clipboard'3,clipboard的实际使用1<!--第一种直接绑定在按钮上-->2<bu......
  • 菜单栏-JS防抖
    一、需求写一个菜单栏,能够实现:鼠标悬浮时展开子菜单鼠标离开时折叠子菜单二、简单实现+问题简单绑定mouseovermouseleave实现折叠和展开。容易抽风,表现为,鼠......
  • Node.js
    下载安装node.jshttps://nodejs.org/zh-cn/download/npm安装yarn安装npminstall-gyarn切换淘宝镜像yarnconfigsetregistryhttps://registry.npm.taobao.orgy......
  • When to use next() and return next() in Node.js
    Somepeoplealwayswritereturnnext()istoensurethattheexecutionstopsaftertriggeringthecallback.Ifyoudon'tdoit,yourisktriggeringthecallback......
  • <%@ include file=""%>与<jsp:include page=""/>区别
         通常当应用程序中所有的页面的某些部分(例如标题、页脚和导航栏)都相同的时候,我们就可以考虑用include。具体在哪些时候用<%@includefile=""%>,哪些时候用<jsp:in......
  • vuejs实现文件下载的三种方式
    第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单:<a:href='"/路径"'>下载模板</a>另一种情况是创建div标签,动态创建a标签:<div......