在离子中循环JSON

Posted

技术标签:

【中文标题】在离子中循环JSON【英文标题】:Loop through JSON in ionic 【发布时间】:2018-04-03 18:56:14 【问题描述】:

有没有办法像下面那样在 ionic 3 中循环遍历 JSON

[
 
   "date": "28/09/2017 08:03",
   "data": 
     "1": 10,
     "2": 0
   
,

   "date": "28/09/2017 08:04",
   "data": 
    "1": 0,
    "2": 5
   

]

我尝试过循环但无济于事。这是我尝试过但不起作用的最新版本

this.data = returnedJson;

  for (let reportData of this.data.data) 
        console.log("Our Data : " + reportData);
    

  for (let reportData in this.data.data) 
        console.log("Our Data : " + reportData);
    

【问题讨论】:

this.data 是您需要循环的数组,而不是 this.data.data 【参考方案1】:

试试这个:

for (const item of this.data) 
    console.log("Our Data : " + item.data);

【讨论】:

我现在可以从您提供的 cod 中遍历日期,但无法获取数据。 item.data 返回对象而不是其中的数字 哦!我知道了。刚刚遍历数组,它就起作用了

以上是关于在离子中循环JSON的主要内容,如果未能解决你的问题,请参考以下文章

离子滑动循环技巧 - 不更新

离子选择循环中的选定值

在 for 循环中发出请求时返回 JSON

json内容,该如何循环输出(JS)

如何在 JSON 中循环数组 imageURL 以在图像视图中显示

循环使用特定符号的 JSON 文件