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)
    },
相关推荐
林恒smileZAZ4 分钟前
总结 Next.js 中的 Server Actions
开发语言·javascript·ecmascript
晴殇i12 分钟前
🎉 TRAE 一年使用的过程体验 🎉
前端
GDAL17 分钟前
Tailwind CSS Flex 布局深入全面教程
前端·css·tailwindcss
qq. 280403398420 分钟前
react --> redux
前端·react.js·前端框架
前端不太难22 分钟前
用 RN 的渲染模型,反推 Vue 列表的正确拆分方式
前端·javascript·vue.js
JS_GGbond28 分钟前
防抖与节流:前端性能优化“双剑客”
前端
KLW7532 分钟前
vue v-if和v-show比较
前端·css·css3
梵尔纳多37 分钟前
使用 Electron 实现一个简单的文本编辑器
前端·javascript·electron
晴殇i39 分钟前
SPA首屏加载速度优化!
前端
qq. 280403398440 分钟前
react 副作用探究
前端·react.js