关于我们当前位置:星鸿娱乐 > 关于我们 > >

jquery对Json的各种遍历方法总结(必看篇)

  

[jquery,遍历json]jquery对Json的各种遍历方法总结(必看篇)

  

概述  

  

JSON(javascript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

  

  

在JSON中,有两种结构:对象和数组。

  

  

1.对象  

  

一个对象以“{”开始,“}”结束。每个“key”后跟一“:”,“‘key/value' 对”之间运用 “,”分隔。

  
  

  
  
  packJson = {"name":"caibaojian.com", "password":"111"}  
  
  

2.数组  
  

  
  
  packJson = [{"name":"caibaojian.com", "password":"111"}, {"name":"tony", "password":"111"}];  
  
  

数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

  

  

JSON对象和JSON字符串的转换  

  

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:  

  

JSON字符串:  

  
  
  var jsonStr = '{"name":"caibaojian", "password":"1111"}';  
  
  

JSON对象:  
  

  
  
  var jsonObj = {"name":"caibaojian.com", "password":"1111"};  
  
  

1、String转换为Json对象  

  
  
  var jsonObj = eval('(' + jsonStr + ')');  
  
  

2.Json对象转换为String字符串  
  

  
  
  var jsonStr = jsonObj.toJSONString();  
  
  

jQuery遍历json对象  

  

grep  

  
  
  $().ready(  function(){  var array = [1,2,3,4,5,6,7,8,9];  var filterarray = $.grep(array,function(value){  return value > 5;//筛选出大于5的  });  for(var i=0;i  
  

each  

  
  
  $().ready(  function(){  var anObject = {one:1,two:2,three:3};//对json数组each  $.each(anObject,function(name,value) {  alert(name);  alert(value);  });  var anArray = ['one','two','three'];  $.each(anArray,function(n,value){  alert(n);  alert(value);  }  );  }  );  
  
  

inArray  

  
  
  $().ready(  function(){  var anArray = ['one','two','three'];  var index = $.inArray('two',anArray);  alert(index);//返回该值在数组中的键值,返回1  alert(anArray[index]);//value is two  }  );  
  
  

map  

  
  
  $().ready(  function(){  var strings = ['0','1','2','3','4','S','6'];  var values = $.map(strings,function(value){  var result = new Number(value);  return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写  }  );  for (key in values) {  alert(values[key]);  }  }  );  
  
  

原生js遍历json对象  

  

遍历json对象:  

  

无规律:  

  
  
  var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];  for(var i=0,l=json.length;i  
  

有规律:  

  
  
  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;  }
  
  

以上就是小编为大家带来的jquery对Json的各种遍历方法总结(必看篇)的全部内容了,希望对大家有所帮助,多多支持~  

(责任编辑:admin)

上一篇:APP定制医院如何使用手机APP应用让工作更加方便

下一篇:星鸿娱乐:AngularJs unit-testing(单元测试)详解

推荐内容

客户服务热线

400 888 8932

在线客服