jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象-js教程-PHP中文网

jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

高洛峰

发布： 2016-12-29 10:54:02

原创

1489 人浏览过

纯粹记录下几种用法：

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

登录后复制

以上就是本文的全部内容，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象相关文章请关注PHP中文网！