js遍历json的key和value的实例


Posted in Javascript onJanuary 22, 2017

原生js遍历json对象

遍历json对象:

无规律:

<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
for(var key in json[i]){
alert(key+':'+json[i][key]);
}
}
</script>

有规律:

packJson = [
{"name":"nikita", "password":"1111"},
{"name":"tony", "password":"2222"}
];

for(var p in packJson){//遍历json数组时,这么写p为索引,0,1
 alert(packJson[p].name + " " + packJson[p].password);
}

也可以用这个:

for(var i = 0; i < packJson.length; i++){
 alert(packJson[i].name + " " + packJson[i].password);
}

遍历json对象

myJson = {"name":"caibaojian", "password":"1111"};
for(var p in myJson){//遍历json对象的每个key/value对,p为key
 alert(p + " " + myJson[p]);
}

有如下 json对象:

var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};

遍历方法:

for(var p in obj){
str = str+obj[p]+',';
return str;
}

以上这篇js遍历json的key和value的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
prototype与jquery下Ajax实现的差别
Sep 13 Javascript
js函数参数设置默认值的一种变通实现方法
May 26 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 #Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 #Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 #Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 #Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Jan 22 #Javascript
js实现图片360度旋转
Jan 22 #Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 #Javascript
You might like
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
php广告加载类用法实例
2014/09/23 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
accesskey 提交
2006/06/26 Javascript
DOM精简教程
2006/10/03 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
微信小程序自定义波浪组件使用方法详解
2019/09/21 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
python版微信跳一跳游戏辅助
2018/01/11 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
内科护士实习自我鉴定
2013/10/17 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
师德师风个人整改措施
2014/10/27 职场文书
停电通知范文
2015/04/16 职场文书
爱心捐助活动总结
2015/05/09 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书