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 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 Javascript
JSON取值前判断
Dec 23 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
详解Vue中watch的高级用法
May 02 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
node.js中npm包管理工具用法分析
Feb 14 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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
PHP hex2bin()函数用法讲解
2019/02/25 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
php自动加载代码实例详解
2021/02/26 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
Javascript var变量隐式声明方法
2009/10/19 Javascript
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
python的类变量和成员变量用法实例教程
2014/08/25 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
python根据京东商品url获取产品价格
2015/08/09 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python测试人员需要掌握的知识
2018/02/08 Python
深入浅析Python的类
2018/06/22 Python
Python爬虫文件下载图文教程
2018/12/23 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
python在地图上画比例的实例详解
2020/11/13 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
Bodum官网:咖啡和茶壶、玻璃器皿、厨房电器等
2018/08/01 全球购物
学习雷锋精神倡议书
2015/04/27 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
少先队中队工作总结
2015/08/14 职场文书
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS