html - 如何以 Angular 解析嵌套的json

Question

我有一个复杂的嵌套 json，我想用 html 解析和显示数据。

我的 json 看起来像:

{
  "Test Data": [
    {
      "First Test": {
        "Design Name": "testname",
        "Output": "1",
        "Data Info": [
          {
            "Test Name": "ft",
            "Time": 10,
          }
         ]

      }
    },

    {
      "First Test": {
        "Design Name": "testname2",
        "Output": "1",
        "Data Info": [
          {
            "Test Name": "ft2",
            "Time": 10,
          }
         ]

      }
    },
  ]
}

这是我的 json 的一个子集。如何解析这些数据并获取设计名称数组

Answer 1

这是有效的 JSON，因此您可以使用 JSON.parse() 方法。然后您可以使用 map 方法进行迭代并获得如下设计名称:

let myData = JSON.parse(response); // response is the JSON that you provided

let designNames = myData['Test Data'].map(data => data['"First Test"']['Design Name']);

希望对你有帮助