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)
    },
相关推荐
誰在花里胡哨2 分钟前
微信小程序实现陀螺仪卡片景深效果
前端·微信小程序·动效
鹤入云霄7 分钟前
vue部署正式环境上传nginx后遇到的问题
前端·javascript·vue.js
oil欧哟19 分钟前
🧐Text-Well:我做了一个能帮你进行多视角内容评审的 AI 工具
前端·ai编程·产品
余_弦32 分钟前
区块链钱包开发(二十)—— 前端框架和页面
前端·区块链·以太坊
奔赴_向往43 分钟前
微信小程序能否主动跳转第三方 App
前端
-睡到自然醒~1 小时前
[go] 命令模式
java·开发语言·javascript·后端·golang·命令模式
滕本尊1 小时前
前端工程化:构建体系全解析
前端·全栈
别来无恙1491 小时前
JavaWeb核心:HttpServletRequest与HttpServletResponse详解
java·前端·servlet
好好好明天会更好1 小时前
vue中的this.$nextTick如何使用
前端·vue.js
我的div丢了肿么办1 小时前
使用URLSearchParams 优雅的获取URL携带的参数
前端·javascript