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 相关文章推荐
javascript 写类方式之八
Jul 05 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
AngularJS Phonecat实例讲解
Nov 21 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
Feb 08 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 Javascript
JavaScript中的 new 命令
May 22 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 Javascript
ElementUI实现el-form表单重置功能按钮
Jul 21 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
MySQL修改密码方法总结
2008/03/25 PHP
php的memcached客户端memcached
2011/06/14 PHP
php无限遍历目录示例
2014/02/21 PHP
php中error与exception的区别及应用
2014/07/28 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
广告切换效果(缓动切换)
2009/05/27 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
js实现下拉列表选中某个值的方法(3种方法)
2015/12/17 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
layer 关闭指定弹出层的例子
2019/09/25 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
使用Python开发windows GUI程序入门实例
2014/10/23 Python
python实现的文件夹清理程序分享
2014/11/22 Python
python实现的简单猜数字游戏
2015/04/04 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
对PyQt5的输入对话框使用(QInputDialog)详解
2019/06/25 Python
python的等深分箱实例
2019/11/22 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
建筑工程技术应届生求职信
2013/11/17 职场文书
酒店节能减排方案
2014/05/26 职场文书
2014年教务处工作总结
2014/12/03 职场文书
丧事答谢词大全
2015/09/30 职场文书
教学反思怎么写
2016/02/24 职场文书
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS
项目中Nginx多级代理是如何获取客户端的真实IP地址
2022/05/30 Servers