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 相关文章推荐
广告显示判断
Aug 31 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
jQuery获取多种input值的简单实现方法
Jun 20 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
JS 实现分页打印功能
May 16 Javascript
vue element el-transfer增加拖拽功能
Jan 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
php中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
奇妙的js
2007/09/24 Javascript
Prototype Array对象 学习
2009/07/19 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
python绘图方法实例入门
2015/05/19 Python
Python中return语句用法实例分析
2015/08/04 Python
python实现决策树分类(2)
2018/08/30 Python
Python基础之文件读取的讲解
2019/02/16 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
员工培训心得体会
2013/12/30 职场文书
采购主管岗位职责
2014/02/01 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
大一新生检讨书
2014/10/29 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
农村婚庆主持词
2015/06/29 职场文书
酒店开业主持词
2015/07/02 职场文书
linux目录管理方法介绍
2022/06/01 Servers