// 从后端获取的数据结构
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))
记录一下:使用递归将一维数组转为树形结构的多维数组
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 测试数据 areas = [ {id: 1, areaCode: 110000, areaName: '北京市',...
- 面试题摘抄记录 如何将 [{id: 1}, {id: 2, pId: 1}, ...] 的重复数组(有重复数据)转...