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(二)事件机制(2)
Dec 06 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 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
一个php作的文本留言本的例子(五)
2006/10/09 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
PHP的PDO连接讲解
2019/01/24 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
jquery map方法使用示例
2014/04/23 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
Three.js基础部分学习
2017/01/08 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
2018/04/13 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
python实现顺时针打印矩阵
2019/03/02 Python
python读取并写入mat文件的方法
2019/07/12 Python
python实现智能语音天气预报
2019/12/02 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
公开服务承诺制度
2014/03/26 职场文书
《学棋》教后反思
2014/04/14 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
初中化学教学反思
2016/02/22 职场文书