JS如何循环遍历JSON数据

更新时间：2024年01月20日 16:55:51 作者：cdming

这篇文章主要介绍了JS如何循环遍历JSON数据的方法,本文提供了 JS 循环 JSON 数据列,以及 JS 循环遍历 JSON 数据的例子,需要的朋友可以参考下

JS循环遍历JSON数据

本文提供了 JS 循环 JSON 数据列，以及 JS 循环遍历 JSON 数据的例子，供大家学习参考。

1. json数据的列循环

var len = json.length;
for (var i = 0; i < len; i++)
{
for (obj in json[i])
{
var obj2 = obj;
}
}

2. JS 循环遍历JSON数据

JSON数据如：

{
    "options":[
        {"text":"王家湾","value":"9"},
        {"text":"李家湾","value":"10"},
        {"text":"邵家湾","value":"13"}
    ]
}

用js循环遍历的方法如下：

//方法1，
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; 
      for(var o in data){ 
        alert(o); 
        alert(data[o]); 
        alert("text:"+data[o].name+" value:"+data[o].age ); 
      }

//方法2，
<script type="text/javascript"> 
function text(){ 
  var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}  
  json = eval(json.options) 
  for(var i=0; i<json.length; i++) 
  { 
     alert(json[i].text+" " + json[i].value) 
  } 
} 
</script>

到此这篇关于JS如何循环遍历JSON数据的方法的文章就介绍到这了,更多相关JS循环遍历JSON数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

使用原生js实现页面蒙灰(mask)效果示例代码
像js的框架Extjs的mask()和unmask()功能提供了蒙灰效果，当然jquery也提供了这种蒙灰方法，下面有个示例，大家可以参考下
2014-06-06
JS中的public和private对象,即static修饰符
先看下面的例子,它将告诉我们在JS世界中也有C#里的public , private ,及static等
2012-01-01
简单实现Bootstrap标签页
这篇文章主要教大家简单实现Bootstrap标签页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
基于javascript实现移动端轮播图效果
这篇文章主要为大家详细介绍了基于javascript实现移动端轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
原生JS实现数码表特效
这篇文章主要为大家详细介绍了原生JS实现数码表特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
利用iscroll4实现轮播图效果实例代码
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）。下面这篇文章主要介绍了利用iscroll4实现轮播图效果的方法教程,需要的朋友可以参考下。
2017-01-01
JavaScript实现多维数组的方法
这篇文章主要介绍了JavaScript实现多维数组的方法，有需要的朋友可以参考一下
2013-11-11
谈一谈bootstrap响应式布局
这篇文章主要和大家谈一谈bootstrap响应式布局，本教程讲解如何在网页布局中应用响应式设计，感兴趣的小伙伴们可以参考一下
2016-05-05
JS实现键值对遍历json数组功能示例
这篇文章主要介绍了JS实现键值对遍历json数组功能,结合实例形式分析了javascript遍历json数组相关操作技巧,需要的朋友可以参考下
2018-05-05
JS 文件传参及处理技巧分析
其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今天在无忧看到又有人问这个问题，今日总结一下。
2010-05-05