/**
*
* @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
相关推荐
金梦人生17 小时前
UniApp + Vue3 + TS 工程化实战笔记海云前端117 小时前
移动端 CSS 十大避坑指南 熬夜总结的实战解决方案海云前端117 小时前
20 个浏览器原生能力 替代工具库少写百行代码Holin_浩霖17 小时前
🌿 Fiber 异步渲染机制 & 时间切片原理详解烟袅17 小时前
深入浏览器渲染流程:从 HTML/CSS/JS 到 60FPS 的视觉魔法有点笨的蛋17 小时前
JavaScript 执行机制深度解析:编译、执行上下文、变量提升、TDZ 与内存模型jump68017 小时前
ts的范性_一两风17 小时前
深入理解JavaScript执行机制:从一道经典面试题说起阿凡达蘑菇灯17 小时前
langgraph---条件边San3017 小时前
深入理解浏览器渲染流程:从HTML/CSS到像素的奇妙旅程