jQuery grep()方法详解及实例代码
2016-10-30 14:25
585 查看
什么是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
感谢阅读,希望能帮助到大家,谢谢大家对本站的 支持!
您可能感兴趣的文章:
相关文章推荐
- javascript事件冒泡实例详解和jquery阻止事件冒泡的两种方法
- jQuery数组处理代码详解(含实例演示)
- JQuery 获取json数据$.getJSON方法的实例代码
- JQuery 获取json数据$.getJSON方法的实例代码
- PHP Session 变量的使用方法详解与实例代码
- PHP Session 变量的使用方法详解与实例代码
- PHP Session 变量的使用方法详解与实例代码
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- jquery交替变换颜色的三种方法 实例代码
- jquery交替变换颜色的三种方法 实例代码
- 三种动态加载js的jquery实例代码另附去除js方法
- 修改或扩展jQuery原生方法的代码实例
- jQuery中$.ajax$()方法的参数详解及示例代码
- javascript、jQuery的扩展方法,扩展实例展示代码
- jQuery中on()方法用法实例详解
- jQuery选择器代码详解(一)——Sizzle方法
- jQuery选择器代码详解(二)——select方法
- jQuery选择器代码详解(三)——tokenize方法
- jQuery选择器代码详解(五)——实例说明tokenize的解析过程