jQuery grep()方法详解及实例代码

更新时间：2016年10月30日 14:25:25 投稿：lqh

这篇文章主要介绍了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

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

jQuery居中元素scrollleft计算方法示例
这篇文章主要介绍了jQuery居中元素scrollleft计算方法,结合实例形式分析了jQuery获取及计算页面滚动元素的相关操作技巧,需要的朋友可以参考下
2017-01-01
DIV外区域Click后关闭DIV的实现代码
首先看下JS的事件模型，JS事件模型为向上冒泡，如onclick事件在某一DOM元素被触发后，事件将跟随节点向上传播，直到有click事件绑定在某一父节点上，如果没有将直至文档的根
2011-12-12
Jquery遍历Json数据的方法
这篇文章主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
jquery.map()方法的使用详解
本文给大家详细介绍了jQuery中的原型方法map的使用指南和源码分析，十分的不错，对于大家学习jQuery非常有帮助，这里推荐给大家。
2015-07-07
JQuery的Alert消息框插件使用介绍
没有厌倦了原来那alert那个风格，总是一个感叹号。有时使得UE不好，今天我们介绍使用Jquery Alert插件，使用它可以用来替换JScript中的alert,confirm,prompt。
2010-10-10
jQuery简单实现彩色云标签效果示例
这篇文章主要介绍了jQuery简单实现彩色云标签效果,结合实例形式分析了jQuery随机数运算与页面元素样式动态操作相关技巧,需要的朋友可以参考下
2016-08-08
EasyUI Combobox设置默认值获取text的方法
这篇文章主要介绍了EasyUI Combobox设置默认值获取text的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
JQuery实现动态操作表格
本文主要分享了jQuery实现对一个表格动态的添加行，删除行，并且对表格中内容进行非空验证的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
2017-01-01
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
jq写了点击事件，是通过获取元素的类名被点击后执行对应方法，但是研发套完模板，他会把所有的结构先清空，导致jq根本找不到那个元素，所以事件就不得执行了,需要的朋友可以参考下
2020-02-02