JS循环遍历JSON数据的方法


Posted in Javascript onJuly 08, 2014

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>
Javascript 相关文章推荐
jquery $.ajax入门应用二
Nov 19 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
js限制checkbox选中个数以限制六个为例
Jul 15 Javascript
js实现正方形颜色从下往上升的效果
Aug 04 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 Javascript
JSON.stringify()方法讲解
Jan 31 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
jquery获取选中的文本和值的方法
Jul 08 #Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 #Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 #Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 #Javascript
Javascript遍历table中的元素示例代码
Jul 08 #Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 #Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 #Javascript
You might like
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
php读取纯真ip数据库使用示例
2014/01/26 PHP
php绘制一个扇形的方法
2015/01/24 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
javascript Base类 包含基本的方法
2009/07/22 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
JavaScript获得url查询参数的方法
2015/07/02 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
vuex state及mapState的基础用法详解
2018/04/19 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
python中class的定义及使用教程
2019/09/18 Python
win10下python3.8的PIL库安装过程
2020/06/08 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
纪律教育学习心得体会
2014/09/02 职场文书
《你在为谁工作》心得体会(共8篇)
2016/01/20 职场文书
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android