如何在 angular 中处理嵌套数组响应表单 API

How to handle nested array response form API in angular

如何处理 Angular 中的后续 API 响应。

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

问题-

如何在 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)