JQuery 中 关于 json 对象用法的总结

实际项目开发中经常会使用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;
}