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 相关文章推荐
JS 修改URL参数(实现代码)
Jul 08 Javascript
JQuery伸缩导航练习示例
Nov 13 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
基于jquery编写分页插件
Mar 07 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
js禁止Backspace键使浏览器后退的实现方法
Sep 01 Javascript
支付宝小程序tabbar底部导航
Nov 06 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 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分页函数
2006/10/09 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
简单的php购物车代码
2020/06/05 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
python实现简易云音乐播放器
2018/01/04 Python
浅谈Pandas 排序之后索引的问题
2018/06/07 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
详解Python中is和==的区别
2019/03/21 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
百度软件工程师职位
2013/02/14 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
大学班长的职责
2014/01/27 职场文书
环保专项行动方案
2014/05/12 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android