记录一下:使用递归将一维数组转为树形结构的多维数组

// 从后端获取的数据结构
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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容