首页 > web前端 > js教程 > jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

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

高洛峰
发布: 2016-12-29 10:54:02
原创
1512 人浏览过

纯粹记录下几种用法:

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中文网!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板