首页 > web前端 > js教程 > jQuery:.grep()的使用详解

jQuery:.grep()的使用详解

黄舟
发布: 2017-07-19 09:13:16
原创
1366 人浏览过

概述

使用过滤函数过滤数组元素。

此函数至少传递两个参数:待过滤数组和过滤函数。过滤函数必须返回 true 以保留元素或 false 以删除元素。

参数

array,callback,[invert]Array,Function,BooleanV1.0
登录后复制

array:待过滤数组。

callback:此函数将处理数组每个元素。第一个参数为当前元素,第二个参数而元素索引值。此函数应返回一个布尔值。另外,此函数可设置为一个字符串,当设置为字符串时,将视为“lambda-form”(缩写形式?),其中 a 代表数组元素,i 代表元素索引值。如“a > 0”代表“function(a){ return a > 0; }”。

invert:如果 "invert" 为 false 或为设置,则函数返回数组中由过滤函数返回 true 的元素,当"invert" 为 true,则返回过滤函数中返回 false 的元素集。

示例

描述:

过滤数组中小于 0 的元素。

jQuery 代码:

$.grep( [0,1,2], function(n,i){ return n > 0; });
登录后复制

结果:

[1, 2]
登录后复制

描述:

排除数组中大于 0 的元素,使用第三个参数进行排除。

jQuery 代码:

$.grep( [0,1,2], function(n,i){ return n > 0; }, true);
登录后复制

结果:

[0]
登录后复制

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 的元素集。

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函数过滤掉的元素。

以上是jQuery:.grep()的使用详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板