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 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
浅谈React深度编程之受控组件与非受控组件
Dec 26 Javascript
详解vuex的简单使用
Mar 12 Javascript
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
vue实例中data使用return包裹的方法
Aug 27 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 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
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
php读取文件内容的方法汇总
2015/01/24 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
Vue 使用formData方式向后台发送数据的实现
2019/04/14 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
Python与shell的3种交互方式介绍
2015/04/11 Python
python 设置文件编码格式的实现方法
2017/12/21 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
Python+OpenCV+pyQt5录制双目摄像头视频的实例
2019/06/28 Python
python3使用GUI统计代码量
2019/09/18 Python
Python FtpLib模块应用操作详解
2019/12/12 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
SVG实现多彩圆环倒计时效果的示例代码
2017/11/21 HTML / CSS
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
沃达丰英国有限公司:Vodafone英国
2019/04/16 全球购物
幼儿教师工作感言
2014/02/14 职场文书
大学生个人求职信
2014/06/02 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
python批量创建变量并赋值操作
2021/06/03 Python
Python制作一个随机抽奖小工具的实现
2021/07/07 Python