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 相关文章推荐
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
JS+HTML5实现图片在线预览功能
Jul 22 Javascript
Vue中使用clipboard实现复制功能
Sep 05 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
如何对react hooks进行单元测试的方法
Aug 14 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
一个可绑定数据源的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
PHP环境搭建最新方法
2006/09/05 PHP
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
js数组去重的方法总结
2019/01/18 Javascript
详解vue项目打包步骤
2019/03/29 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
javascript实现评分功能
2020/06/24 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
python web框架中实现原生分页
2019/09/08 Python
Python生成词云的实现代码
2020/01/14 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
python3的pip路径在哪
2020/06/23 Python
高考考python编程是真的吗
2020/07/20 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
DJI全球:DJI Global
2021/03/15 全球购物
机械加工与数控专业自荐书
2014/06/04 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
react 路由Link配置详解
2021/11/11 Javascript