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 相关文章推荐
JavaScript 替换Html标签实现代码
Oct 14 Javascript
jQuery解决iframe高度自适应代码
Dec 20 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
Jan 15 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
js设计模式之代理模式及订阅发布模式实例详解
Aug 15 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开发框架的对比
2013/07/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
PHP+Redis事务解决高并发下商品超卖问题(推荐)
2020/08/03 PHP
js 判断文件类型并控制表单提交示例代码
2013/11/14 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
python获取网页状态码示例
2014/03/30 Python
python操作ie登陆土豆网的方法
2015/05/09 Python
python实现12306火车票查询器
2017/04/20 Python
基于python的字节编译详解
2017/09/20 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
python 实现视频 图像帧提取
2019/12/10 Python
python实例化对象的具体方法
2020/06/17 Python
浅谈Selenium+Webdriver 常用的元素定位方式
2021/01/13 Python
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
主题婚礼策划方案
2014/02/10 职场文书
小摄影师教学反思
2014/04/27 职场文书
语文教育专业求职信
2014/06/28 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
高中16字霸气押韵班级口号集锦!
2019/06/27 职场文书
Golang二维数组的使用方式
2021/05/28 Golang