`
独善其身008
  • 浏览: 171790 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

JS 循环遍历JSON数据

阅读更多

JSON数据如:{"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"valu
e\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}

用js可以写成: JSON数据如:{"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"valu
e\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}

用js可以写成:

view plaincopy to clipboardprint?
01.var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
02.      for(var o in data){  
03.        alert(o);  
04.        alert(data[o]);  
05.        alert("text:"+data[o].name+" value:"+data[o].age );  
06.      } 
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 );
   }

或是

view plaincopy to clipboardprint?
01.<script type="text/javascript">  
02.function text(){  
03.  var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}   
04.  json = eval(json.options)  
05.  for(var i=0; i<json.length; i++)  
06.  {  
07.     alert(json[i].text+" " + json[i].value)  
08.  }  
09.}  
10.</script> 

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/songylwq/archive/2010/12/01/6047609.aspx

view plaincopy to clipboardprint?
01.var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
02.      for(var o in data){  
03.        alert(o);  
04.        alert(data[o]);  
05.        alert("text:"+data[o].name+" value:"+data[o].age );  
06.      } 
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 );
  }

或是

view plaincopy to clipboardprint?
01.<script type="text/javascript">  
02.function text(){  
03.  var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"}   
04.  json = eval(json.options)  
05.  for(var i=0; i<json.length; i++)  
06.  {  
07.     alert(json[i].text+" " + json[i].value)  
08.  }  
09.}  
10.</script> 

 

分享到:
评论
3 楼 一头狼 2014-03-10  
文不对题,整来整去都是循环数组
2 楼 nanjiwubing123 2012-07-31  
nanjiwubing123 写道
我ding,谢谢你的方法。

正好用到,谢谢。
1 楼 nanjiwubing123 2012-07-31  
我ding,谢谢你的方法。

相关推荐

    JS循环遍历JSON数据的方法

    总之,掌握JavaScript循环遍历JSON数据的方法,对于前端开发人员来说是非常重要的一项技能。正确高效地处理JSON数据能够大幅提升开发速度和应用性能。同时,使用在线工具对JSON进行检验和格式化也是前端开发中常见的...

    java遍历JSON树

    2. **循环遍历键名:** - 获取当前键对应的值`o`。 - 检查`o`是否为`JSONObject`类型,如果是,则进一步递归处理;如果不是,则认为已经到达叶子节点,直接打印出来。 3. **递归处理:** 对于每一个`JSONObject`...

    遍历json 对象的属性并且动态添加属性的实现

    昨天因为公司的一个需求,所以就研究了一下json对象的... //在不知参数个数情况下可通过for循环遍历 // arguments这个是js 默认提供 alert&#40;"arr["+i+"]="+arguments[i]&#41;; } } } //遍历属性 for(var ite

    JQuery遍历json数组的3种方法

    2. 使用JavaScript原生的for循环遍历JSON数组 除了jQuery的$.each()方法,我们也可以使用JavaScript原生的for循环来遍历JSON数组。for循环有三种常见的形式:基本的for循环、for...in循环和for...of循环。 - 基本的...

    js 遍历json返回的map内容示例代码

    本文将详细介绍如何在JavaScript中遍历JSON数据,并将遍历结果中的数据放到map对象中,以及如何通过示例代码来实现这一过程。 首先,我们来看一下遍历JSON数据的基础方法。在JavaScript中,我们通常使用循环语句如`...

    JS简单循环遍历json数组的方法

    本篇文章将详细介绍如何使用JavaScript和jQuery来简单循环遍历JSON数组。 首先,让我们看一个简单的JSON数组示例: ```javascript var str = '[{"name":"宗2瓜","num":"1","price":"122"},{"name":"宗呱呱","num":...

    JS动态遍历json中所有键值对的方法(不知道属性名的情况)

    在JavaScript中,遍历JSON对象通常采用`for...in`循环。这个循环会遍历一个对象的所有可枚举属性,包括从原型链上继承来的属性。下面是一个简单的示例: ```javascript var jsonObj = {"55":"1","70":"0","80":"2",...

    Java遍历json字符串取值的实例

    在当今的软件开发中,处理JSON数据格式已经成为一项基础技能,特别是在Java语言的使用场景下。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。本文...

    jQuery遍历json的方法分析

    本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下: 复制代码 代码如下:var obj = {“status”:1,”bkmsg”:”\u6210\u529f”,”bkdata”:[“\u5415\u5c1a\u5fd7″,”1387580400″,”\u6dfb\u52...

    Jquery遍历json的两种数据结构.docx

    3. 数据操作:解析后的数据可以像操作JavaScript对象一样遍历和访问,例如使用`for...in`循环遍历对象,或使用`$.each()`遍历数组。 4. 数据展示:将JSON数据绑定到页面元素,更新用户界面。 在jQuery中,遍历JSON...

    JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    JS遍历JSON数组及获取JSON数组长度操作示例涉及JavaScript中处理JSON数据类型的基础操作。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在...

    JS 遍历 json 和 JQuery 遍历json操作完整示例

    在实际开发中,处理 JSON 数据是常见的任务,无论是使用原生 JavaScript 还是借助 jQuery,都能有效地进行遍历和操作。了解这些基础知识对于提升网页应用的开发效率至关重要。同时,熟练运用各种在线工具也能辅助...

    jquery动态遍历Json对象的属性和值的方法

    在JavaScript编程中,遍历JSON对象的属性和值是一项常见的任务,这有助于处理和操作数据。jQuery库提供了方便的方式来操作DOM以及处理JavaScript对象,包括JSON。以下是对标题和描述中所述知识点的详细解释: 1. **...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在JavaScript或jQuery代码中,我们可以通过`$.getJSON()`方法来获取服务器端的JSON数据。成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`&lt;tr&gt;`元素并插入到表格中。例如: ```javascript $....

    JQuery JSON 循环

    总结来说,"JQuery JSON 循环"的主题教导我们如何在jQuery环境中有效处理和循环遍历JSON数据,这对于任何涉及到前后端交互的Web项目都是至关重要的技能。了解并熟练掌握这些技巧,可以提升我们的开发效率,创建出更...

Global site tag (gtag.js) - Google Analytics