Javascript循环显示Json数据

JS 循环遍历JSON数据

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

用js可以写成：

[javascript]  view plain copy print ?

1. var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];  
2.       for(var o in data){  
3.         alert(o);  
4.         alert(data[o]);  
5.         alert("text:"+data[o].name+" value:"+data[o].age );  
6.       }  

或是

 

[javascript]  view plain copy print ?

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

服务端后台返回到客户端的JSON格式字符串：
var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';

　　我们把它转换成JSON对象:var jsonList=eval("("+str+")");这时候如果以用断点跟踪查看这个jsonList对象，其实你会发现，他的长度为2，即jsonList.length=2。它的每一项都是一个单独的JSON对象。请看下图：


这时候假设我们不知道"uname"和"day"这两个key值，我们开始对jsonList执行循环操作。

复制代码 代码如下:

　　for(var i=0;i<jsonList.length;i++){

　　　　for(var key in jsonList[i]){
　　alert("key："+key+",value："+jsonList[i][key]);
}
　　} 

转自：

http://blog.csdn.net/songylwq/article/details/6047609

http://www.jb51.net/article/24263.htm