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 相关文章推荐
表单提交验证类
Jul 14 Javascript
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
微信小程序 调用远程接口 给全局数组赋值代码实例
Aug 13 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 Vue.js
如何理解Vue简单状态管理之store模式
May 15 Vue.js
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
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
web方式ftp
2006/10/09 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
zf框架的校验器InArray使用示例
2014/03/13 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
JavaScript游戏之优化篇
2010/11/08 Javascript
js函数参数设置默认值的一种变通实现方法
2014/05/26 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
Element Collapse 折叠面板的使用方法
2020/07/26 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
解决python 执行sql语句时所传参数含有单引号的问题
2020/06/06 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
描述内存分配方式以及它们的区别
2016/10/15 面试题
测绘工程个人的自我评价
2013/11/23 职场文书
上课看小说检讨书
2014/02/22 职场文书
专题组织生活会方案
2014/06/15 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
四风之害观后感
2015/06/09 职场文书
教师继续教育反思周记
2015/06/25 职场文书