首頁 >web前端 >js教程 >jQuery各種遍歷數組及json物件的實例程式碼匯總

jQuery各種遍歷數組及json物件的實例程式碼匯總

伊谢尔伦
伊谢尔伦原創
2017-07-19 13:58:061386瀏覽

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 = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
    $.each(anArray,function(n,value){
      alert(n);
      alert(value);
    }
    );
  }
);

jquery inArray()篩選遍歷數組


$().ready(
  function(){
    var anArray = [&#39;one&#39;,&#39;two&#39;,&#39;three&#39;];
    var index = $.inArray(‘two&#39;,anArray);
    alert(index);//返回该值在数组中的键值,返回1
    alert(anArray[index]);//value is two
  }
);

jquery map()篩選遍歷數組


$().ready(
  function(){
    var strings = [&#39;0&#39;,&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;S&#39;,&#39;6&#39;];
    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:&#39;SB&#39;,AA:&#39;东东&#39;,re1:123},{cccc:&#39;dd&#39;,lk:&#39;1qw&#39;}];
for(var i=0,l=json.length;i<l;i++){
  for(var key in json[i]){
    alert(key+&#39;:&#39;+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]+&#39;,&#39;;
  return str;
}

以上是jQuery各種遍歷數組及json物件的實例程式碼匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn