JS教程之循环遍历JSON数据

最新推荐文章于 2022-01-17 08:35:07 发布

my_baby_2009

最新推荐文章于 2022-01-17 08:35:07 发布

阅读量1.1k

点赞数

分类专栏： Javascript相关

Javascript相关专栏收录该内容

99 篇文章

订阅专栏

本文介绍了使用JavaScript遍历JSON数据的两种方法。一种是通过for循环遍历数组形式的JSON数据，另一种是通过解析字符串形式的JSON数据并进行遍历。这两种方法都展示了如何访问JSON数据中的具体值。

分享下JS 循环遍历 JSON数据的方法。

JSON数据如：

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

js可以写成：

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 ); 
}

或是

<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) 
} // www.jbxue.com
} 
</script>