DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery篩選數組之grep、each、inArray、map的用法及遍歷json對象
jQuery篩選數組之grep、each、inArray、map的用法及遍歷json對象
編輯:關於JavaScript     

純粹記錄下幾種用法:

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;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved