欢迎光临成都祈钰瑶科技有限公司网站!祝您生活愉快!
热线电话: 18982081108
✕

成都服务器托管,成都GPU服务器租用,成都高防BGP宽带租用,成都机柜租用托管

创新互联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>