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
Nov 26 Javascript
初学Javascript的一些总结
Nov 03 Javascript
js比较日期大小的方法
May 12 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
JQuery学习总结【一】
Dec 01 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
微信小程序模拟cookie的实现
Jun 20 Javascript
DatePickerDialog 自定义样式及使用全解
Jul 09 Javascript
vue npm install 安装某个指定的版本操作
Aug 11 Javascript
JS Canvas接口和动画效果大全
Apr 29 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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
php7 新增功能实例总结
2020/05/25 PHP
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
python3字符串操作总结
2019/07/24 Python
python 中的9个实用技巧,助你提高开发效率
2020/08/30 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
编程用JAVA解析XML的方式
2013/07/07 面试题
2014年班组工作总结
2014/11/20 职场文书
2015年外联部工作总结
2015/04/03 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android