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代码编写的14条技巧
Jan 09 Javascript
js实现div弹出层的方法
Nov 20 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
Oct 15 Javascript
React-router 4 按需加载的实现方式及原理详解
May 25 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
Vue-Router模式和钩子的用法
Feb 28 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
vue获取验证码倒计时组件
Aug 26 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
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缓存技术的多种方法小结
2012/08/14 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
使用PHP编写发红包程序
2015/07/22 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
js动态生成指定行数的表格
2013/07/11 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
2014/10/30 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
NodeJs使用Mysql模块实现事务处理实例
2017/05/31 NodeJs
vue深入解析之render function code详解
2017/07/18 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
Vue实现手机计算器
2020/08/17 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
使用graphics.py实现2048小游戏
2015/03/10 Python
python删除列表内容
2015/08/04 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
详解Python3注释知识点
2019/02/19 Python
pyqt 实现在Widgets中显示图片和文字的方法
2019/06/13 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
Ajxa常见问题都有哪些
2014/03/26 面试题
英文版餐饮业求职信
2013/10/18 职场文书
手工社团活动方案
2014/02/17 职场文书
政治表现评语
2014/05/04 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
投标承诺函格式
2015/01/21 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
Mysql文件存储图文详解
2021/06/01 MySQL
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS