Rumah > hujung hadapan web > tutorial js > jQuery:.grep()的使用详解

jQuery:.grep()的使用详解

黄舟
Lepaskan: 2017-07-19 09:13:16
asal
1364 orang telah melayarinya

概述

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

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

参数

array,callback,[invert]Array,Function,BooleanV1.0
Salin selepas log masuk

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; });
Salin selepas log masuk

结果:

[1, 2]
Salin selepas log masuk

描述:

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

jQuery 代码:

$.grep( [0,1,2], function(n,i){ return n > 0; }, true);
Salin selepas log masuk

结果:

[0]
Salin selepas log masuk

grep()方法用于数组元素过滤筛选

grep(array,callback,invert)
Salin selepas log masuk

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
});
Salin selepas log masuk

上面的例子返回[3,4,5,6],但是我们给invert的值为true,例如

var arr=$.grep([0,1,2,3,4,5,6],function(n,i){
return n>2
},ture);
Salin selepas log masuk

所以现在返回的是[0,1,2],也就是被callback函数过滤掉的元素。

Atas ialah kandungan terperinci jQuery:.grep()的使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan