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 相关文章推荐
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
解释&&和||在javascript中的另类用法
Jul 28 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
jquery实现的放大镜效果示例
Feb 24 jQuery
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/08/04 PHP
PHP7 windows支持
2021/03/09 PHP
获取dom元素那些讨厌的位置封装代码
2010/06/23 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
面试常见的js算法题
2017/03/23 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
2019/08/01 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
python访问sqlserver示例
2014/02/10 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
python绘制多个曲线的折线图
2020/03/23 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
护理专业毕业生自荐信范文
2014/01/05 职场文书
大二学期个人自我评价
2014/01/13 职场文书
先进集体获奖感言
2014/02/13 职场文书
法人代表证明书
2014/09/18 职场文书
2014年团总支工作总结
2014/11/21 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis