一天& 2023-02-27 19:09 采纳率: 20%
浏览 33
已结题

关于#树形结构#的问题,如何解决?

递归处理树形结构


```javascript
data: [{
          label: '一级 1',
          TypeID: "1",
            Children:{
              ModelTreeItem:[{
                label: '二级 1-1',
                TypeID: "2",
                Children:{
                  ModelTreeItem:[{
                    label: '二级 1-2',
                    TypeID: "3",
                  }]
                } 
              }]
            } 
        }, {
          label: '一级 2',
          TypeID: "4",
          Children:{
            ModelTreeItem:[{
              label: '二级 2-1',
              TypeID: "5",
            }, {
              label: '二级 2-2',
              TypeID: "6",
            }]
          }
        }, {
          label: '一级 3',
          TypeID: "7",
          Children:{
            ModelTreeItem:[{
              label: '二级 2-1',
              TypeID: "8",
            }, {
              label: '二级 2-2',
              TypeID: "9",
            }]
          }
        }],


  • 写回答

2条回答 默认 最新

  • 渣男 2023-02-27 23:24
    关注

    递归处理一下就好了

    alt

    
    const arr = [
      {
        label: '一级 1',
        TypeID: '1',
        Children: {
          ModelTreeItem: [
            {
              label: '二级 1-1',
              TypeID: '2',
              Children: {
                ModelTreeItem: [
                  {
                    label: '二级 1-2',
                    TypeID: '3'
                  }
                ]
              }
            }
          ]
        }
      },
      {
        label: '一级 2',
        TypeID: '4',
        Children: {
          ModelTreeItem: [
            {
              label: '二级 2-1',
              TypeID: '5'
            },
            {
              label: '二级 2-2',
              TypeID: '6'
            }
          ]
        }
      },
      {
        label: '一级 3',
        TypeID: '7',
        Children: {
          ModelTreeItem: [
            {
              label: '二级 2-1',
              TypeID: '8'
            },
            {
              label: '二级 2-2',
              TypeID: '9'
            }
          ]
        }
      }
    ]
    const formatTree = (data) => {
      data.forEach((item) => {
        if (item.Children) {
          item.children = item.Children.ModelTreeItem
          delete item.Children
          formatTree(item.children)
        }
      })
    }
    formatTree(arr)
    console.log(arr);
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月7日
  • 已采纳回答 2月27日
  • 创建了问题 2月27日

悬赏问题

  • ¥20 基于spring boot、的scorm
  • ¥15 往复密封问题的两个问题
  • ¥15 DAC函数和STM32
  • ¥15 任务是接收数据并把数据写入DAC7311,这些代码能实现此功能吗
  • ¥15 分析FP -Growth代码运行内存太大而无法运行的原因
  • ¥20 qtcreat 使用msvc编译器开发软件运行时字体锯齿感严重
  • ¥15 为何显示keyerror fruit
  • ¥15 imageware粗糙度表面
  • ¥15 为什么我的uibot导入py模块出错呀。py文件放在了uibot里对应的python文件夹了,卸了重安也不行
  • ¥15 开源或低价数据中台哪个最好