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 冒号 使用说明
Jun 06 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
JS实现按钮添加背景音乐示例代码
Oct 17 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
npm scripts 使用指南详解
Oct 08 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 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
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
javascript 面向对象编程 function也是类
2009/09/17 Javascript
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
javascript如何创建对象
2016/08/29 Javascript
微信小程序 利用css实现遮罩效果实例详解
2017/01/21 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
vue项目国际化vue-i18n的安装使用教程
2018/03/14 Javascript
three.js实现圆柱体
2018/12/30 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
jQuery实现评论模块
2020/08/19 jQuery
jquery实现图片放大镜效果
2020/12/23 jQuery
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
加工操作管理制度
2014/01/19 职场文书
小学家长评语大全
2014/04/16 职场文书
2014离婚协议书范文
2014/09/10 职场文书
信用卡收入证明范本
2015/06/12 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang