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 相关文章推荐
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
理解JavaScript事件对象
Jan 25 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
layui表格分页 记录勾选的实例
Sep 02 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 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 字符串替换的方法
2012/01/10 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
JS文本框默认值处理详解
2013/07/10 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
vue+element实现打印页面功能
2019/05/20 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
python实现猜数字小游戏
2020/03/24 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
类如何去实现接口
2013/12/19 面试题
体育老师的教学自我评价分享
2013/11/19 职场文书
财务总监管理岗位职责
2014/03/08 职场文书
服务行业口号
2014/06/11 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
合同权益转让协议书模板
2014/11/18 职场文书
失恋33天观后感
2015/06/11 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
小学英语新课改心得体会
2016/01/22 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
Go语言入门exec的基本使用
2022/05/20 Golang