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的商品展示放大镜
Aug 07 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
简单实现jquery焦点图
Dec 12 Javascript
简单的渐变轮播插件
Jan 12 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
vue购物车插件编写代码
Nov 27 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 Javascript
js如何验证密码强度
Mar 18 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不允许用户提交空表单(php空值判断)
2013/11/12 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
js如何实现设计模式中的模板方法
2013/07/23 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
js同源策略详解
2015/05/21 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
详解node中创建服务进程
2017/05/09 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
js实现扫雷小程序的示例代码
2017/09/27 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
解决vue组件中click事件失效的问题
2019/11/09 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
python logging 日志的级别调整方式
2020/02/21 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
SQL SERVER中的流程控制语句
2022/05/25 SQL Server