jQuery.grep()

最新推荐文章于 2024-09-09 13:29:10 发布

weixin_30456039

最新推荐文章于 2024-09-09 13:29:10 发布

阅读量175

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/puyongsong/p/5999410.html

本文介绍了jQuery中的grep()函数，该函数用于从数组中筛选出符合条件的元素并返回新的数组。文章通过示例展示了如何使用此函数进行多级过滤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是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

转载于:https://www.cnblogs.com/puyongsong/p/5999410.html