JS循环遍历JSON数据的方法

210 阅读 0 评论 139 点赞

我是靠谱客的博主粗心果汁，最近开发中收集的这篇文章主要介绍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) 
} 
} 
</script>

PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具：
http://tools.uoften.com/code/json

JSON在线格式化工具：
http://tools.uoften.com/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.uoften.com/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.uoften.com/code/jsoncodeformat

在线json压缩/转义工具：

http://tools.uoften.com/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.uoften.com/code/ccode_html_css_json