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)
    },
相关推荐
spionbo5 分钟前
Vue 表情包输入组件实现代码及完整开发流程解析
前端·javascript·面试
全宝5 分钟前
✏️Canvas实现环形文字
前端·javascript·canvas
lyc2333335 分钟前
鸿蒙Core File Kit:极简文件管理指南📁
前端
我这里是好的呀6 分钟前
全栈开发个人博客12.嵌套评论设计
前端·全栈
我这里是好的呀7 分钟前
全栈开发个人博客13.AI聊天设计
前端·全栈
金金金__8 分钟前
Element-Plus:popconfirm与tooltip一起使用不生效?
前端·vue.js·element
lyc2333338 分钟前
小L带你看鸿蒙应用升级的数据迁移适配📱
前端
用户268128510666914 分钟前
react-pdf(pdfjs-dist)如何兼容老浏览器(chrome 49)
前端
阿怼丶15 分钟前
🚀 如何在内网中运行 Cesium?基于 NestJS 构建离线地形与影像服务
前端·gis