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)
    },
相关推荐
前端加油站12 分钟前
一种新HTML 页面转换成 PDF 技术方案
前端·javascript·vue.js
w***Q35019 分钟前
Vue打包
前端·javascript·vue.js
有事没事实验室24 分钟前
router-link的custom模式
前端·javascript·vue.js
4***V20225 分钟前
Vue3响应式原理详解
开发语言·javascript·ecmascript
常乐我净61632 分钟前
十、路由和导航
前端
Tonychen32 分钟前
TypeScript 里 infer 常见用法
前端·typescript
米诺zuo33 分钟前
MUI sx prop 中的响应式适配
前端
周尛先森34 分钟前
都React 19了,他到底带来了什么?
前端
洞窝技术39 分钟前
一键屏蔽某国IP访问实战
前端·nginx·node.js
fruge1 小时前
前端自动化脚本:用 Node.js 写批量处理工具(图片压缩、文件重命名)
前端·node.js·自动化