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用户自定义类的类名称的代码
Mar 08 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
angular json对象push到数组中的方法
Feb 27 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 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常用函数 推荐收藏保存
2010/02/21 PHP
php 文章调用类代码
2011/08/11 PHP
destoon之一键登录设置
2014/06/21 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
给ECShop添加最新评论
2015/01/07 PHP
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
使用Python编写提取日志中的中文的脚本的方法
2015/04/30 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
python基础教程项目三之万能的XML
2018/04/02 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
python判断完全平方数的方法
2018/11/13 Python
python实现感知器算法(批处理)
2019/01/18 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
党校自我鉴定范文
2013/10/02 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
环境卫生整治简报
2015/07/20 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
java版 简单三子棋游戏
2022/05/04 Java/Android
Nginx如何配置根据路径转发详解
2022/07/23 Servers