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 相关文章推荐
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
JQuery常见节点操作实例分析
May 15 jQuery
简单了解JavaScript中常见的反模式
Jun 21 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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
TMDPHP 模板引擎使用教程
2012/03/13 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
php强制下载文件函数
2016/08/24 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
javascript新手语法小结
2008/06/15 Javascript
html 锁定页面(js遮罩层弹出div效果)
2009/10/27 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
axios学习教程全攻略
2017/03/26 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
Python内置函数reversed()用法分析
2018/03/20 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
Django多数据库的实现过程详解
2019/08/01 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
WatchShop法国:英国排名第一的独立手表零售商
2020/02/17 全球购物
给导游的表扬信
2014/01/10 职场文书
留学推荐信写作指南
2014/01/25 职场文书
学习十八届三中全会精神实施方案
2014/02/17 职场文书
2014年征兵标语
2014/06/20 职场文书
行政处罚告知书
2015/07/01 职场文书
如何制作自己的原生JavaScript路由
2021/05/05 Javascript
利用python进行数据加载
2021/06/20 Python