TypeScript轉換json結構

我無法弄清楚如何使這種轉換迭代 json。我的后端有這個 pojo：

class Part{
  Long id;
  String name;
  Set<Part> parts = new HashSet<>();
}

每個部分都可以有部分，而這部分可以有更多的部分等等。

我從 httpclient 以 angular 獲取這些部分并獲取此 json：

[{
        "id": 1,
        "name": "Parts A and B",
        "parts": [{
                "id": 2,
                "name": "A",
                "parts": [{
                    "id": 4,
                    "name": "A1",
                    "parts": []
                }]
            },
            {
                "id": 3,
                "name": "B",
                "parts": []
            }
        ]
    },
    {
        "id": 2,
        "name": "A",
        "parts": []
    },
    {
        "id": 3,
        "name": "B",
        "parts": []
    },
    {
        "id": 4,
        "name": "A1",
        "parts": []
    }
]

并且需要轉換為這個來填充 PrimeNG TreeTable：

{
    "data": [{
            "data": {
                "name": "Parts A and B",
                "id": "1"
            },
            "children": [{
                    "data": {
                        "name": "Part A",
                        "id": "2"
                    },
                    "children": [{
                        "data": {
                            "name": "A1",
                            "id": "4"
                        }
                    }]
                },
                {
                    "data": {
                        "name": "Part B",
                        "id": "3"
                    },
                    "children": []
                }
            ]
        },
        {
            "data": {
                "name": "Part A",
                "id": "2"
            },
            "children": []
        },
        {
            "data": {
                "name": "Part B",
                "id": "3"
            },
            "children": []
        },
        {
            "data": {
                "name": "A1",
                "id": "4"
            },
            "children": []
        }
    ]
}

我怎樣才能做到這一點？在 angular 我得到這個陣列部分：Part[] 并需要partsTree：TreeNode[]

謝謝！！！

uj5u.com熱心網友回復：

它只是一個地圖的簡單轉換；

    interface PartAPI{
  id: number;
    name: string;
   parts : PartAPI[];
}

interface Data {
   id: number;
    name: string;   
} 

interface Part {
     data : Data;
     children : Part[];
}


console.log('a')


let convert = (inputArr: PartAPI[] = []) : Part[] => {

 return inputArr.map(partApi =>  ({ data : { id : partApi.id , name : partApi.name }, children: convert(partApi.parts)   }) as Part)

}




let data : PartAPI[] = [{
    "id": 1,
    "name": "Parts A and B",
    "parts": [{
        "id": 2,
        "name": "A",
        "parts": [{
          "id": 4,
          "name": "A1",
          "parts": []
        }]
      },
      {
        "id": 3,
        "name": "B",
        "parts": []
      }
    ]
  },
  {
    "id": 2,
    "name": "A",
    "parts": []
  },
  {
    "id": 3,
    "name": "B",
    "parts": []
  },
  {
    "id": 4,
    "name": "A1",
    "parts": []
  }
]

console.log(convert(data));

標籤：json 有角的 春天

上一篇：[回圈物件物件]]在for回圈javascript中

下一篇：jq決議復雜的json