如何显示 API 中的 object 数组以使其显示

Question

大家好，我在我的项目中使用 api 调用 Open AQ 平台。
HTTP/1.1 200 正常

 "results": [
  {
    "location": "Punjabi Bagh",
    "city": "Delhi",
    "country": "IN",
    "measurements": [
      {
        "parameter": "so2",
        "value": "7.8",
        "lastUpdated": "2015-07-24T11:30:00.000Z",
        "unit": "µg/m3",
        "sourceName": "Punjabi Bagh",
        "averagingPeriod": {
          "unit": "hours",
          "value": 0.25
        }
       },
       {
         "parameter": "co",
         "value": 1.3,
         "lastUpdated": "2015-08-18T23:30:00.000Z",
         "unit": "mg/m3",
         "sourceName": "CPCB",
         "averagingPeriod": {
           "unit": "hours",
           "value": 0.25
         }
       },
       {
         "parameter": "pm25",
         "value": 79,
         "lastUpdated": "2015-10-02T21:45:00.000Z",
         "unit": "µg/m3",
         "sourceName": "CPCB",
         "averagingPeriod": {
           "unit": "hours",
           "value": 0.25
         }
       }
     ]
       ...
   }
]

在我的应用程序中，它将呈现以下内容：

"location": "Punjabi Bagh",
    "city": "Delhi",
    "country": "IN",

但不会从 api 渲染 sourceName 或 averagingPeriod，它只会渲染未定义我应该如何解决这个问题。

Answer 1

看起来“sourceName”和“averagingPeriod”嵌套在“measurements”中，这是一个数组。

尝试：

measurements[0].sourceName
measurements[0].averagingPeriod

measurements[1].sourceName
measurements[1].averagingPeriod

根据您的需要，您可以使用 map 获得它们：

measurements.map(item => item.sourceName)