概述
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
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().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
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().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); } ); } ); </script>
inarray
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().ready( function(){ var anarray = ['one','two','three']; var index = $.inarray('two',anarray); alert(index);//返回该值在数组中的键值,返回1 alert(anarray[index]);//value is two } ); </script>
map
<script type='text/javascript' src="/jquery.js"></script> <script type="text/javascript"> $().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]); } } ); </script>
原生js遍历json对象
遍历json对象:
无规律:
<script> 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; }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
asp处理json数据步骤详解
html直接显示json方法详解
以上就是jquery对json遍历步骤详解的详细内容。