js树结构扁平化

复制代码
  /**
     *
     * @param {Array} arrs 树形数据
     * @param {string} childs 树形数据子数据的属性名,常用'children'
     * @param {Array} attrArr 需要提取的公共属性数组(默认是除了childs的全部属性)
     * @returns
     */
    extractTree(arrs, childs = 'children', attrArr) {
      let attrList = []
      if (!Array.isArray(arrs) && !arrs.length) return []
      if (typeof childs !== 'string') return []
      if (!Array.isArray(attrArr) || Array.isArray(attrArr) && !attrArr.length) {
        attrList = Object.keys(arrs[0])
        attrList.splice(attrList.indexOf(childs), 1)
      } else {
        attrList = attrArr
      }
      const list = []
      const getObj = (arr) => {
        arr.forEach(function(row) {
          const obj = {}
          attrList.forEach(item => {
            obj[item] = row[item]
          })
          list.push(obj)
          if (row[childs]) {
            getObj(row[childs])
          }
        })
        return list
      }
      return getObj(arrs)
    },
相关推荐
金梦人生17 小时前
UniApp + Vue3 + TS 工程化实战笔记
前端·微信小程序
海云前端117 小时前
移动端 CSS 十大避坑指南 熬夜总结的实战解决方案
前端
海云前端117 小时前
20 个浏览器原生能力 替代工具库少写百行代码
前端
Holin_浩霖17 小时前
🌿 Fiber 异步渲染机制 & 时间切片原理详解
前端
烟袅17 小时前
深入浏览器渲染流程:从 HTML/CSS/JS 到 60FPS 的视觉魔法
前端·css·html
有点笨的蛋17 小时前
JavaScript 执行机制深度解析:编译、执行上下文、变量提升、TDZ 与内存模型
前端·javascript
jump68017 小时前
ts的范性
前端
_一两风17 小时前
深入理解JavaScript执行机制:从一道经典面试题说起
javascript
阿凡达蘑菇灯17 小时前
langgraph---条件边
开发语言·前端·javascript
San3017 小时前
深入理解浏览器渲染流程:从HTML/CSS到像素的奇妙旅程
javascript·css·html