Angular 2 HTTP json 请求在尝试解析结果时给我一个奇怪的响应

Question

所以我有 http.get 调用工作并且可以正确地从请求中获取数据：

this.http.get('https://data.cityofnewyork.us/resource/xx67-kt59.json').subscribe(data => {
      // Read the result field from the JSON response.
      console.log(data);

  for (let x in data) {
    console.log(x);
  }
});

console.log(data) 行成功运行，它从请求中打印出一组项目。

我遇到的问题是当我尝试遍历 JSON 数组中的每个单独项目时。

for (let x in data) {
   console.log(x);
}

只是打印出 JSON 对象中项目的 index/number。即使我尝试 x["prop name"]，它仍然失败。

即使以下方法也不起作用：

console.log(JSON.stringify(x));

我的目标是最终将这些映射到 class 我将定义一个数组变量并用该数据填充。

我在如何为每个项目引用 JSON 属性方面是否愚蠢？

Answer 1

尝试使用 for (let x of data) 而不是 for (let x in data)。

Answer 2

如果您想遍历 Array，您应该使用 for of 结构。

for (let x of data) { 
  // `x` is an item from the array
}

for in 构造迭代对象的键。在您的情况下，这些是数组索引。

Angular 2 HTTP json 请求在尝试解析结果时给我一个奇怪的响应

Angular 2 HTTP json request giving me a weird response when trying to parse result

javascript

json

angular-http

angular