JQuery 中 关于 json 对象用法的总结
2014-11-26 23:29
676 查看
实际项目开发中经常会使用ajax进行与后台交互的一些应用,这样无形中避免不了对json数据对象的一些操作,现就我发现的一些做些总结。
1.使用点去获取对象的固定的属性,但是遍历的时候由于是变量,需要使用[变量名]
如:var jsonObj = {‘a’:1,'b':'aaa'};
alert(jsonObj.a);//1
================
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:”
女”,”old”:30};
遍历方法:
for(var p in obj){
str
= str+obj[p]+’,’;
return
str;
}
===============
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]){//key 就是对应的key
alert(key+’:'+json[i][key]);
}
}
2、可以很灵活的添加自己想要的属性给json对象
如:var jsonObj = {‘a’:1,'b':'aaa'};
如果我希望给该对象添加一个属性c,可以直接这样:jsonObj.c = '新增的属性'; 即可
=======================
以下是分享网友总结的:
http://www.wufangbo.com/jquery-each-json/
jquery 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<filterarray.length;i++){
alert(filterarray[i]);
}
for
(key in filterarray){
alert(filterarray[key]);
}
}
);
jquery 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);
}
);
}
);
jquery inArray()筛选遍历数组
$().ready(
function(){
var
anArray = ['one','two','three'];
var
index = $.inArray(‘two’,anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value
is two
}
);
jquery 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]);
}
}
);
jquery遍历解析json对象1:
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]);
}
}
jquery遍历解析json对象2
有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
str = str+obj[p]+’,’;
return str;
}
1.使用点去获取对象的固定的属性,但是遍历的时候由于是变量,需要使用[变量名]
如:var jsonObj = {‘a’:1,'b':'aaa'};
alert(jsonObj.a);//1
================
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:”
女”,”old”:30};
遍历方法:
for(var p in obj){
str
= str+obj[p]+’,’;
return
str;
}
===============
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]){//key 就是对应的key
alert(key+’:'+json[i][key]);
}
}
2、可以很灵活的添加自己想要的属性给json对象
如:var jsonObj = {‘a’:1,'b':'aaa'};
如果我希望给该对象添加一个属性c,可以直接这样:jsonObj.c = '新增的属性'; 即可
=======================
以下是分享网友总结的:
http://www.wufangbo.com/jquery-each-json/
jquery 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<filterarray.length;i++){
alert(filterarray[i]);
}
for
(key in filterarray){
alert(filterarray[key]);
}
}
);
jquery 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);
}
);
}
);
jquery inArray()筛选遍历数组
$().ready(
function(){
var
anArray = ['one','two','three'];
var
index = $.inArray(‘two’,anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value
is two
}
);
jquery 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]);
}
}
);
jquery遍历解析json对象1:
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]);
}
}
jquery遍历解析json对象2
有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
str = str+obj[p]+’,’;
return str;
}
相关文章推荐
- 关于ASP.NET下,JQuery+AJAX使用JSON返回对象集合List数据的总结
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- 关于Jquery中ajax方法data参数用法的总结
- 在jQuery中 关于json空对象筛选替换
- 关于jQuery中事件对象e的事件冒泡用法
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- 关于Jquery中ajax方法data参数用法的总结
- jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 [转]
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结
- 关于Jquery中ajax方法data参数用法的总结