/**
*
* @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)
},
js树结构扁平化
Ciwei蓝2023-11-14 11:55
相关推荐
Light606 小时前
像素退场,曲线登场:现代响应式 CSS 全家桶 | 领码课堂爱生活的苏苏6 小时前
elementUI 表单验证-联动型校验一只小风华~8 小时前
Vue Router 路由元信息(meta)详解*且听风吟8 小时前
html 实现鼠标滑动点亮横轴iCoding9110 小时前
前端分页 vs 后端分页:技术选型mingtianyihou3310 小时前
使用 Service Worker 限制请求并发数张可爱10 小时前
20251017-Vue2八股文整理(上篇)FanetheDivine10 小时前
ts中如何描述一个复杂函数的类型lightgis10 小时前
chrome中的axure插件提示无法不受支持速易达网络10 小时前
Vue3 原生移动应用开发来了