返回值:ArrayjQuery.grep(array, function(elementOfArray, indexInArray), [invert])
在数组中查找满足过滤器函数的元素。本方法不会影响原数组。
-
1.0 新增jQuery.grep(array, function(elementOfArray, indexInArray), [invert])
array (Array) 用于查找元素的数组。function(elementOfArray, indexInArray) (Function) 过滤元素用的函数。第一个参数是正在被检查的数组的元素,第二个参数是该元素的索引值。该函数返回一个布尔值。函数中的this
代表了全局的 window 对象。invert (Boolean) 可选参数,如果 "invert" 为 false,或者不提供该参数,那么该方法返回的数组中的元素是那些在过滤方法中返回 true 的元素。如果将 "invert" 设置成 true,那么该方法返回的数组中的元素是那些在过滤方法中返回 false 的元素。
$.grep()
方法会在必要的时候会从数组中移除元素,这样可以让所有剩余的元素经过过滤函数的检查。过滤函数中的参数分别是当前正在被检查的数组中的元素,以及该元素的索引值。只有过滤函数返回 true 时,被检查的元素才会包含在结果数组中。
过滤函数有两个参数:当前正在被检查的数组中的元素,及该元素的索引值。只有过滤函数返回 'true' 时,被检查的元素才会包含在结果数组中。
示例:
过滤出原始数组中值不为 5,并且索引值大于 4 的元素。然后再过滤掉所有值为 9 的元素。
<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
p { color:green; margin:0; }
span { color:red; }
</style>
<script src="jquery.min.js"></script>
</head>
<body>
<div></div>
<p></p>
<span></span>
<script>
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$("div").text(arr.join(", "));
arr = jQuery.grep(arr, function(n, i){
return (n != 5 && i > 4);
});
$("p").text(arr.join(", "));
arr = jQuery.grep(arr, function (a) { return a != 9; });
$("span").text(arr.join(", "));
</script>
</body>
</html>
演示:
示例:
过滤出数组中值大于 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]