jquery对Json的各种遍历⽅法总结(必看篇)
概述
JSON(javascript Object Notation) 是⼀种轻量级的数据交换格式,采⽤完全独⽴于语⾔的⽂本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原⽣格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或⼯具包。
在JSON中,有两种结构:对象和数组。
1.对象
⼀个对象以“{”开始,“}”结束。每个“key”后跟⼀“:”,“‘key/value' 对”之间运⽤ “,”分隔。
packJson = {"name":"caibaojian", "password":"111"}
2.数组
packJson = [{"name":"caibaojian", "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", "password":"1111"};
1、String转换为Json对象
var jsonObj = eval('(' + jsonStr + ')');
2.Json对象转换为String字符串
var jsonStr = JSONString();
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<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>
each
<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(){
js获取json的key和valuevar 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<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;
}
以上就是⼩编为⼤家带来的jquery对Json的各种遍历⽅法总结(必看篇)的全部内容了,希望对⼤家有所帮助,多多⽀持~
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论