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


Posted in Javascript onJune 20, 2016

纯粹记录下几种用法:

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 = ['one','two','three'];
    $.each(anArray,function(n,value){
      alert(n);
      alert(value);
    }
    );
  }
);

jquery inArray()筛选遍历数组

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

jquery map()筛选遍历数组

$().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:

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

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

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery1.4 教程二 ajax方法的改进
Feb 25 Javascript
JavaScript中两种链式调用实现代码
Jan 12 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 Javascript
使用jQuery处理AJAX请求的基础学习教程
May 10 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
深入浅析React中diff算法
May 19 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 #Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 #Javascript
JS控制层作圆周运动的方法
Jun 20 #Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 #Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 #Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 #Javascript
jQuery插件 Jqplot图表实例
Jun 18 #Javascript
You might like
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
js Function类型
2011/12/04 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
常用python数据类型转换函数总结
2014/03/11 Python
python中实现k-means聚类算法详解
2017/11/11 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
python中的字典操作及字典函数
2018/01/03 Python
如何利用python查找电脑文件
2018/04/27 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
解决Tensorflow占用GPU显存问题
2020/02/03 Python
Python代码需要缩进吗
2020/07/01 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
小学课外阅读总结
2014/07/09 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
检讨书范文1000字
2015/01/28 职场文书
HTML基础详解(上)
2021/10/16 HTML / CSS
Linux系统下MySQL配置主从分离的步骤
2022/03/21 MySQL