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 相关文章推荐
JS 去前后空格大全(IE9亲测)
Jul 15 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
使用js在页面中绘制表格核心代码
Sep 16 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
详解jquery和vue对比
Apr 16 jQuery
js针对图片加载失败的处理方法分析
Aug 24 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
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和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
那些年我们错过的魔术方法(Magic Methods)
2014/01/14 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
Document 对象的常用方法
2009/07/31 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
js控制frameSet示例
2013/09/10 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
JS获取和修改元素样式的实例代码
2016/08/06 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
Python装饰器decorator用法实例
2014/11/10 Python
python中self原理实例分析
2015/04/30 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
Python制作词云的方法
2018/01/03 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
python模块导入的细节详解
2018/12/10 Python
Python实现字典按key或者value进行排序操作示例【sorted】
2019/05/03 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
Elemis美国官网:英国的第一豪华护肤品牌
2018/03/15 全球购物
工程竣工验收申请报告
2015/05/15 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
Redis过期数据是否会被立马删除
2022/07/23 Redis