jquery数组过滤筛选方法grep()简介


Posted in Javascript onJune 06, 2014

jquery中有个grep()方法用于数组元素过滤筛选,悲剧的是,平时我们用的api文档中找不到这个说明。查看官方说明:http://api.jquery.com/jQuery.grep/

grep()的使用方法:

grep(array,callback,invert)

array:待过滤数组;

callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数,第一个是当前数组元素的值,一个是当前数组元素的下标,即元素索引值。此函数应返回一个布尔值。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”

invert:布尔型可选项,默认值false,值为true或false, 如果 “invert” 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当”invert” 为 true,则返回过滤函数中返回 false 的元素集。

解释完grep()的用法,现在来举个小例子:

var arr=$.grep([0,1,2,3,4,5,6],function(n,i){
 return n>2
});

上面的例子返回[3,4,5,6],但是我们给invert的值为true,例如
var arr=$.grep([0,1,2,3,4,5,6],function(n,i){
 return n>2
},ture);

所以现在返回的是[0,1,2],也就是被callback函数过滤掉的元素。

Javascript 相关文章推荐
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
浅谈Cookie的生命周期问题
Aug 02 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
详解vue+css3做交互特效的方法
Nov 20 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
js实现的标题栏新消息闪烁提示效果
Jun 06 #Javascript
IE中图片的onload事件无效问题和解决方法
Jun 06 #Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 #Javascript
javascript中的return和闭包函数浅析
Jun 06 #Javascript
seaJs的模块定义和模块加载浅析
Jun 06 #Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 #Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 #Javascript
You might like
PHP 递归效率分析
2009/11/24 PHP
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
JavaScript面向对象程序设计三 原型模式(上)
2011/12/21 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2014/01/07 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
用JS实现选项卡
2020/03/23 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
python调用摄像头显示图像的实例
2018/08/03 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
Python如何执行系统命令
2020/09/23 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
大学生四年生活自我鉴定
2013/11/21 职场文书
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
安全教育心得体会
2013/12/29 职场文书
拓展培训心得体会
2014/01/04 职场文书
岗位说明书范文
2014/05/07 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
 python中的元类metaclass详情
2022/05/30 Python