你好,欢迎来到js代码网。

微信登录

首页>前端开发> jQuery各种遍历数组及json对象的实例代码汇总

jQuery各种遍历数组及json对象的实例代码汇总

  • 分类:前端开发
  • 时间:2017-07-19
  • 阅读:2368

jquery grep()筛选遍历数组

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$().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()筛选遍历数组

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$().ready(
  function(){
    var anObject = {one:1,two:2,three:3};//对json数组each
    $.each(anObject,function(name,value) {
      alert(name);
      alert(value);
    });
    var anArray = ['one','two','three'];
    $.each(anArray,function(n,value){
      alert(n);
      alert(value);
    }
    );
  }
);


jquery inArray()筛选遍历数组

1
2
3
4
5
6
7
8
$().ready(
  function(){
    var anArray = ['one','two','three'];
    var index = $.inArray(‘two',anArray);
    alert(index);//返回该值在数组中的键值,返回1
    alert(anArray[index]);//value is two
  }
);


jquery map()筛选遍历数组

1
2
3
4
5
6
7
8
9
10
11
12
13
$().ready(
  function(){
    var strings = ['0','1','2','3','4','S','6'];
    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:

1
2
3
4
5
6
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
  for(var key in json[i]){
    alert(key+':'+json[i][key]);
  }
}


jquery遍历解析json对象2

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

相关文章