js中树的树据结构如何用递归转化成elementui表格所需要的数据

数据是这样的一个有三级节点的树,怎么转化成elementui表格所需要的数据

  sourceData: [
        {
          id: 1,
          label: "大唐水电厂",
          children: [
            {
              id: 2,
              label: "一组",
              children: [
                {
                  id: 9,
                  label: "阀门",
                },
                {
                  id: 10,
                  label: "开关",
                },
                {
                  id: 9,
                  label: "管道",
                },
              ],
            },
            {
              id: 3,
              label: "二组",
              children: [
                {
                  id: 11,
                  label: "阀门",
                },
                {
                  id: 12,
                  label: "开关",
                },
              ],
            },
            {
              id: 4,
              label: "三组",
              children: [
                {
                  id: 13,
                  label: "阀门",
                },
                {
                  id: 14,
                  label: "开关",
                },
              ],
            },
            {
              id: 5,
              label: "四组",
              children: [
                {
                  id: 14,
                  label: "阀门",
                },
              ],
            },
          ],
        },
      ]

表格展示newData的数据,以下是获取到数据之后对数据进行处理,列名为first,second,third

this.newData = []
let newData =[]
this.sourceData.forEach(first=>{
  first.children.forEach(second=>{
    second.children.forEach(third=>{
      newData.push({
        first: first.label,
        second: second.label,
        third: third.label
      }) 
    })
  })
})
this.newData = newData

img


问题已解决,问了n个人