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与vbscript数据共享
Jan 09 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
javascript闭包入门示例
Apr 30 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
Jul 15 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
vue安装和使用scss及sass与scss的区别详解
Oct 15 Javascript
详解vue 路由跳转四种方式 (带参数)
Apr 28 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读MYSQL中文乱码的解决方法
2006/12/17 PHP
如何隐藏你的.php文件
2007/01/04 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
jQuery实现自动切换播放的经典滑动门效果
2015/09/12 Javascript
JS实现n秒后自动跳转的两种方法
2020/11/30 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
python从入门到精通(DAY 3)
2015/12/20 Python
django缓存配置的几种方法详解
2018/07/16 Python
python使用udp实现聊天器功能
2018/12/10 Python
python下载库的步骤方法
2019/10/12 Python
Python如何输出整数
2020/06/07 Python
python脚本和网页有何区别
2020/07/02 Python
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
敬老文明号事迹材料
2014/01/16 职场文书
工作表现自我评价
2014/02/08 职场文书
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
养成教育经验材料
2014/05/26 职场文书
国际语言毕业生求职信
2014/07/08 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书