javascript 循环读取JSON数据的代码


Posted in Javascript onJuly 17, 2010

服务端后台返回到客户端的JSON格式字符串:
var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';

我们把它转换成JSON对象:var jsonList=eval("("+str+")");这时候如果以用断点跟踪查看这个jsonList对象,其实你会发现,他的长度为2,即jsonList.length=2。它的每一项都是一个单独的JSON对象。请看下图:

javascript 循环读取JSON数据的代码
这时候假设我们不知道"uname"和"day"这两个key值,我们开始对jsonList执行循环操作。

for(var i=0;i<jsonList.length;i++){ 


for(var key in jsonList[i]){ 

alert("key:"+key+",value:"+jsonList[i][key]); 
} 

}

这样我们就可以轻松的获取我所需要的key值和value值了

Javascript 相关文章推荐
用js实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
IE浏览器打印的页眉页脚设置解决方法
Dec 08 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
jQuery 一个图片切换的插件
Oct 09 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
如何使用Javascript中的this关键字
May 28 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
一个可绑定数据源的jQuery数据表格插件
Jul 17 #Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 #Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 #Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 #Javascript
基于jquery的Repeater实现代码
Jul 17 #Javascript
javascript onmouseout 解决办法
Jul 17 #Javascript
javascript 从if else 到 switch case 再到抽象
Jul 17 #Javascript
You might like
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
一个更简单的无限级分类菜单代码
2007/01/16 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
python 实现多线程下载m3u8格式视频并使用fmmpeg合并
2019/11/15 Python
基于python3实现倒叙字符串
2020/02/18 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
详解python with 上下文管理器
2020/09/02 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
高三学生评语大全
2014/04/25 职场文书
五一口号
2014/06/19 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS