jquery篩選數組之grep、each、inArray、map的用法及遍歷json對象

記錄jQuery下幾種用法:

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;
}
複製代碼
發佈了49 篇原創文章 · 獲贊 6 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章