jQuery grep() 方法

2025年3月17日 | 阅读 3 分钟

jQuery 中的 grep() 方法查找满足给定过滤函数的数组元素。它不影响原始数组。此方法返回过滤后的数组,即满足给定过滤函数的元素。

语法

grep() 方法的常用语法如下所示。

参数值

此方法包含一些参数,定义如下。

array: 它是强制参数。它指定要搜索的类数组对象。

function(element, index): 这指定了一个用作过滤函数的函数。它接受两个名为 elementindex 的参数,其中第一个参数包含数组元素,第二个参数包含相应元素的索引。它返回一个布尔值,要么是 true,要么是 false。它也是一个强制参数。此函数处理每个数组元素。如果元素通过条件,则仅将其包含在结果中。

invert: 这是一个可选参数。它接受布尔值。其默认值为 false。如果将其指定为 false 或未传递,则 grep() 函数返回过滤函数返回 true 的数组元素。如果此参数指定为 true,则 grep() 函数返回过滤函数返回 false 的数组元素。

现在,让我们看一些使用 grep() 方法的示例。

示例 1

在此示例中,有一个名为 arr 的数组,其中包含一些项目。我们正在对此数组应用 grep() 方法,并且未指定其可选的 invert 参数。因此,该方法返回可被 2 完全整除且索引大于或等于 2 的数组元素。

立即测试

输出

执行上述代码后,输出将是 -

jQuery grep() method

单击给定按钮后,输出将是 -

jQuery grep() method

示例 2

在此示例中,我们使用 invert 参数并将其设置为 true。这里,有一个名为 arr 的数组,其中包含一些项目。如果我们不将 invert 参数设置为 true,则函数将返回不等于 60 的数组元素。但是由于我们使用 invert 参数并将其设置为 true,因此函数将返回值为 60 的数组元素。

在输出中,我们可以看到 grep() 方法返回过滤函数返回 false 的数组元素。

立即测试

输出

执行上述代码后,输出将是 -

jQuery grep() method

点击给定的按钮后,输出将是 -

jQuery grep() method