/**
*
* @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
相关推荐
笙年18 分钟前
Vue 作用域插槽鹏北海35 分钟前
从“版本号打架”到 30 秒内提醒用户刷新:一个微前端团队的实践stormsha42 分钟前
CSS 样式美学从基础语法到界面精筑的实战宝典yqcoder1 小时前
css 中,backdrop-filter: blur(10px) 作用一点一木1 小时前
国内首款原生视觉编程模型实测:Doubao-Seed-Code 前端 Agent 从零完成像素画编辑器SoaringHeart2 小时前
Flutter组件封装:标签拖拽排序 NDragSortWrapzeijiershuai2 小时前
Vue 工程化、ElementPlus 快速入门、ElementPlus 常见组件-表格组件、ElementPlus常见组件-分页条组件漫天黄叶远飞2 小时前
把原型链画成地铁图:坐 3 站路就能看懂 JS 的“继承”怎么跑bank_dreamer2 小时前
VSCODE前端代码风格格式化人工智能训练2 小时前
前端框架选型破局指南:Vue、React、Next.js 从差异到落地全解析