Home >Web Front-end >JS Tutorial >How to use grep, each, inArray, map to filter arrays with jQuery and traverse json objects

How to use grep, each, inArray, map to filter arrays with jQuery and traverse json objects

高洛峰
高洛峰Original
2016-12-29 10:54:021539browse

Purely record several usages:

jquery grep() filters and traverses the array

$().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() filters and traverses the array

$().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() filters and traverses the array Array

$().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() filters and traverses the array

$().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 traverses and parses json object 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 traverses and parses json object 2

//有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
//遍历方法:
for(var p in obj){
  str = str+obj[p]+&#39;,&#39;;
  return str;
}

above That’s the entire content of this article. I hope it can give everyone a reference. I also hope everyone will support the PHP Chinese website.

For more articles on the usage of grep, each, inArray, and map in jQuery filtering arrays and traversing json objects, please pay attention to the PHP Chinese website!


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn