jQuery grep()方法详解及实例代码
编程学习 2021-07-04 20:01www.dzhlxh.cn编程入门
这篇文章主要介绍了jQuery grep()方法详解及实例代码的相关资料,需要的朋友可以参考下
什么是jQuery.grep()？
jQuery.grep()是一个查找满足过滤函数的数组元素的函数。原始数组不受影响，返回值为数组。
用法介绍：
写法：
jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )
参数介绍：
array
类型: Array
用于查询元素的数组。
function(elementOfArray, indexInArray)
类型: Function()
该函数来处理每项元素的比对。第一个参数是正在被检查的数组的元素，第二个参数是该元素的索引值。该函数应返回一个布尔值。this将是全局的window对象。
elementOfArray--数组元素
indexInArray--元素索引值
invert
类型: Boolean
如果“invert”为false，或没有提供，函数返回一个“callback”中返回true的所有元素组成的数组，。如果“invert”为true，函数返回一个“callback”中返回false的所有元素组成的数组。
举例：过滤出原始数组中值不为 5，并且索引值大于 4 的元素。然后再过滤掉所有值为 9 的元素
<!DOCTYPE html>
<html>
<head>
<style>
div { color:blue; }
p { color:green; margin:0; }
span { color:red; }
</style>
<script src="http://cdn.bootcss.com/jquery/1.11.2/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>
则结果为：
1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1
1, 9, 4, 7, 3, 8, 6, 9, 1
1, 4, 7, 3, 8, 6, 1
感谢阅读，希望能帮助到大家，谢谢大家对本站的 支持！