jQuery | grep() 方法

grep() 方法是 jQuery 中用于筛选数组元素的方法，它使用一个回调函数对数组元素进行测试，并返回一个新的数组，其中包含符合条件的元素。

语法

$.grep( array, function(elementOfArray, indexInArray) [, invert] )

参数：

• array：要进行筛选的数组。
• function(elementOfArray, indexInArray)：回调函数，用于测试每个数组元素。函数接收两个参数：
  • elementOfArray：当前正在被测试的数组元素。
  • indexInArray：当前正在被测试的数组元素的索引。
• invert：可选参数，如果为 true，则将测试函数的结果取反，仅返回不符合条件的元素。

返回值：

• 一个数组，其中包含符合条件的元素。

示例

筛选偶数

以下示例在数组中筛选出所有的偶数：

var numbers = [1, 2, 3, 4, 5, 6];
var evenNumbers = $.grep(numbers, function(elementOfArray, indexInArray) {
    return (elementOfArray % 2 === 0);
});
console.log(evenNumbers); // [2, 4, 6]

筛选包含特定字符的字符串

以下示例在数组中筛选出所有包含特定字符 "o" 的字符串：

var words = ['hello', 'world', 'example', 'testing'];
var wordsWithO = $.grep(words, function(elementOfArray, indexInArray) {
    return (elementOfArray.indexOf('o') !== -1);
});
console.log(wordsWithO); // ['world', 'example']

反转结果

以下示例筛选出数组中所有不是偶数的元素：

var numbers = [1, 2, 3, 4, 5, 6];
var oddNumbers = $.grep(numbers, function(elementOfArray, indexInArray) {
    return (elementOfArray % 2 === 1);
}, true); // 注意第三个参数为 true
console.log(oddNumbers); // [1, 3, 5]

参考文献

• jQuery API Documentation - $.grep()