JS循环遍历JSON数据的方法

最新推荐文章于 2025-05-17 14:20:52 发布

原创最新推荐文章于 2025-05-17 14:20:52 发布 · 3.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #前端

JAVAI学习专栏收录该内容

131 篇文章

订阅专栏

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>