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)
    },
相关推荐
十六年开源服务商几秒前
WordPress集成GoogleAnalytics最佳实践指南
前端·人工智能·机器学习
小救星小杜、2 分钟前
el-form 表格校验 开始和结束时间,时间选择范围
javascript·vue.js·elementui
狼性书生3 分钟前
uniapp+vue3实现的简单吐司通知弹窗组件
前端·uni-app·vue·组件·插件
克里斯蒂亚诺更新7 分钟前
使用elementUI的表格报错ResizeObserver loop completed with undelivered notifications.
前端·javascript·elementui
陈随易7 分钟前
Vue-Router v5内置文件式路由,告别手写维护的恐惧
前端·后端·程序员
C_心欲无痕15 分钟前
移动端 B 站弹幕功能实现
前端·javascript
Amumu1213815 分钟前
Redux介绍(二)
前端·react.js
菜鸟很沉17 分钟前
Vue 3 组件双向绑定完全指南:update:modelValue 与 defineModel
前端·javascript·vue.js
C_心欲无痕24 分钟前
使用 FNM (Fast Node Manager) 管理多个 Node.js 版本
前端·node.js
爬山算法27 分钟前
Hibernate(44)Hibernate中的fetch join是什么?
前端·python·hibernate