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

高洛峰
Release: 2016-12-29 10:54:02
Original
1508 people have browsed it

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]);
    }
  }
);
Copy after login

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);
    }
    );
  }
);
Copy after login

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
  }
);
Copy after login

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]);
    }
  }
);
Copy after login

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]);
  }
}
Copy after login

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;
}
Copy after login

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!


Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template