循环遍历JSON数据的js代码

发布时间:2020-05-01编辑:脚本学堂
有没有遇到过要求用js代码来循环遍历json数据的情况呢,如果有,不妨参考下本文的代码,或许对你有所帮助。

循环遍历json数据的js代码。

有如下的json数据:
 

复制代码 代码示例:
{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu
e/":/"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>