// 从后端获取的数据结构
interface BsType {
cid: number;
cname: string;
pid: number;
alias: string;
}
// 转换后的数据结构
interface BussinessTYpe {
value: number;
label: string;
pid: number;
alias: string;
children?: BussinessTYpe[];
}
// 将一维数组转换成树形结构
function arr2tree(data: BsType[]) {
const list: BussinessTYpe[] = []
// 定义setItem方法:递归实现树形结构
const setItem = (arr: BussinessTYpe[], item: BussinessTYpe) => {
const arrItem = arr.find(e => e.value === item.pid)
if (arrItem) {
arrItem.children ? arrItem.children.push(item) : Object.assign(arrItem, { children: [item] })
} else {
for (let i = 0; i < arr.length; i++) {
arr[i].children && setItem(<BussinessTYpe[]>arr[i].children, item)
}
}
}
for (let i = 0; i < data.length; i++) {
const item = { value: data[i].cid, label: data[i].cname, pid: data[i].pid, alias: data[i].alias }
item.pid < 1 ? list.push(item) : setItem(list, item)
}
return list
}
const data: BsType[] = []
console.log(arr2tree(data))
记录一下:使用递归将一维数组转为树形结构的多维数组
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 测试数据 areas = [ {id: 1, areaCode: 110000, areaName: '北京市',...
- 面试题摘抄记录 如何将 [{id: 1}, {id: 2, pId: 1}, ...] 的重复数组(有重复数据)转...