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 相关文章推荐
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
Nov 13 Javascript
setTimeout()递归调用不加引号出错的解决方法
Sep 05 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
使用js和canvas实现时钟效果
Sep 08 Javascript
angular *Ngif else用法详解
Dec 15 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 escape URL编码
2008/12/10 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
php中cookie的使用方法
2014/03/29 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
javascript第一课
2007/02/27 Javascript
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
几个javascript操作word的参考代码
2009/10/26 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
2020/05/30 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
python生成随机图形验证码详解
2017/11/08 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
Django通过json格式收集主机信息
2020/05/29 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
大专计算机个人求职的自我评价
2013/10/21 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL