js遍历json的key和value的实例
原生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的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
本文实例讲述了JS动态遍历json中所有键值对的方法.分享给大家供大家参考,具体如下: JavaScript中使用ajax技术访问后台资源的时候,常常使用json作为轻量级数据传输格式.json类似于Java中的HashMap,是由一系列的key-value键值对构成. 如果后台返回给前台的json中key的值是动态生成的,那么我们没有办法使用常规的object.name或object["name"]的方式来获取json中的值. 这个时候我们需要在不知道属性名称的时候,遍历json对象
-
js遍历json对象所有key及根据动态key获取值的方法(必看)
实例如下: var obj = {}; for(var k in obj) { //遍历对象,k即为key,obj[k]为当前k对应的值 console.log(obj[k]); } 以上这篇js遍历json对象所有key及根据动态key获取值的方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
js遍历json的key和value的实例
原生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":&q
-
js获取json中key所对应的value值的简单方法
实例如下: <script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; //1.使用eval方法 var eValue=eval('jsonObj.'+key);
-
JS操作json对象key、value的常用方法分析
本文实例讲述了JS操作json对象key.value的常用方法.分享给大家供大家参考,具体如下: 一.定义JSON对象 // 首先定义一个json对象,对象以"{"(左括号)开始,"}"(右括号)结束 // 花括号内为键.值对 键必须用引号括起来,值若不是字符串则不必 var jsonObj = { "创维电视" : 50, "卡萨帝北京" : 40, "家电" : 40, "松下" :
-
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire.questions; //遍历 json 数组 for (var i in questions) { if (questions[i].type == '(单选)') { alert('danxuan'); } } 获取 JSON 数组长度: function getJsonLength(json)
-
JS 遍历 json 和 JQuery 遍历json操作完整示例
本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作.分享给大家供大家参考,具体如下: json 遍历 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>demo data</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.j
-
js读取json文件片段中的数据实例
在html中利用js读取动态网站从服务器端返回的数据进行显示 1.js.html 页面 需要引入 执行jquery的js文件 <HTML> <HEAD> <META name=Generator content=EditPlus> <META name=Author content=""> <META name=Keywords content=""> <META name=Description c
-
js 获取json数组里面数组的长度实例
作为一个前端页面开发者第一次处理json数据,遇到了'js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋友帮助,但是最近尝试自己去解决遇到的问题. 我遇到的问题是这样的:***.jsp结尾的页面里面,后端传给我的json数据是一个数组,然后要获取第二个数组contacts里面的数组长度,然后百度发现 json没有.length属性.怎么办呢? 既然json对象没有length属性,如果要知道他的长度怎
-
JS遍历DOM文档树的方法实例详解
本文实例讲述了JS遍历DOM文档树的方法.分享给大家供大家参考,具体如下: 一 介绍 遍历文档树通过使用parentNode属性.firstChild属性.lastChild属性.previousSibling属性和nextSibling属性来实现. 1.parentNode属性 该属性返回当前节点的父节点. [pNode=]obj.parentNode pNode:该参数用来存储父节点,如果不存在父节点将返回"null". 2.firstChild属性 该属性返回当前节点的第一个子节
-
JS遍历Json字符串中键值对先转成JSON对象再遍历
1.将Json字符串转换成JSON对象 var t='{"firstName": "cyra", "lastName": "richardson"}'; var obj = eval('(' + t + ')'); 2.遍历读取键值对 for(var str in obj){ alert(str+'='+obj[str]); }
随机推荐
- 深入解析JavaScript中的立即执行函数
- 利用perl、python、php、shell、sed、awk、c 实现字符串的翻转
- hta实现的笨狼XSLT练习器
- 基于存储过程的详细介绍
- ThinkPHP 在阿里云上的nginx.config配置实例详解
- OpenStack Identity(Keystone)身份服务、体系结构与中间件讲解
- js正则表达式之RegExp对象之compile方法 编译正则表达式
- 简单介绍Python中利用生成器实现的并发编程
- python解析xml文件操作实例
- Android实现日历控件示例代码
- FCKEditor v2.6 编辑器配置图解教程
- AJAX 自学练习 无刷新提交并修改数据库数据并显示
- jQuery进行组件开发完整实例
- Bootstrap网格系统详解
- 百度手写板代码JavaScript远程调用的实现(鼠标输入法)
- 用vbs删除前一天创建的备份文件
- nginx中使用nginx-http-concat模块合并静态资源文件
- c#的dataset离线数据集示例
- PHP图片处理之使用imagecopyresampled函数裁剪图片例子
- android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)
