如何以角度处理嵌套数组响应表单API答案

【问题标题】：How to handle nested array response form API in angular如何以角度处理嵌套数组响应表单API
【发布时间】：2021-08-05 11:30:47
【问题描述】：

如何在 Angular 中处理以下 API 响应。

{ key: "some_value", testData: Array(3)}

【问题讨论】：

你有没有尝试过一些代码来查看？
请在问题中添加更多详细信息。
data.forEach((val, key) => { if( val !== undefined && val.key !== undefined) { keys.push(val.key); val.parDataModels. forEach(valData => { dataArray.push(valData.val1); units.push(valData.val1); values.push(valData.val1); }) } })
试图以这种方式提取对象。

标签： angular http-post

【解决方案1】：

问题 -

如何在 Angular 应用程序中解析响应。

回答 -

可以使用 JavaScript 解析响应。您的示例数据中有一个数组，因此您需要遍历它。数组以外的每个索引都可以在没有循环的情况下访问。

示例 -

   const response = { key: "some_value", testData: [1, 2, 3,]};

// Returns the key which is not in the array
   console.log(response.key)

// returns the data in the array
    response.testData.forEach((c, i, a) => {
        // Do stuff with this current index
       console.log(c);
    });

其他信息 -

请记住，您的示例数据是一个 JavaScript 对象。通常，API 响应将是 JSON 或 XML。在您的情况下，请确保您知道您使用的是 JSON 对象还是 JavaScript 对象。

如果响应是 JSON，在使用上面的代码转换响应之前。

转换两个方向。

JSON -> 对象

JSON.parse(response);

对象 -> JSON

JSON.stringify(response)

【讨论】：