您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月24日 07:41

原创 jQuery.grep() 函数详解

2865 次浏览 读完需要≈ 5 分钟

内容目录

jQuery.grep()函数用于使用指定的函数过滤数组中的元素,并返回过滤后的数组

源数组不会受到影响,过滤结果只反映在返回的结果数组中。

该函数属于全局jQuery对象。

语法

jQuery 1.0 新增静态函数

jQuery.grep( array, function [, invert ] )

参数

参数 描述
array Array类型将被过滤的数组。
function Function类型指定的过滤函数。
invert 可选/Boolean类型默认值为false。指定是否反转过滤结果。

注意事项

  • 该函数将遍历数组元素,并执行过滤函数function。它会为function提供两个参数:其一为当前迭代的数组元素,其二是当前迭代元素在数组中的索引。
  • 如果未指定invert参数,或该参数为false,则结果数组将包含function返回true的所有元素。如果参数inverttrue,则结果数组将包含function返回false的所有元素。

返回值

jQuery.grep()函数的返回值为Array类型,返回通过指定函数过滤后的结果数组。

示例&说明

jQuery.grep()函数的jQuery示例代码如下:

//在当前页面内追加换行标签和指定的HTML内容
function w( html ){
	document.body.innerHTML += "<br/>" + html;
}


var arr = [ 10, 25, 3, 0, -3 , 20, 6, 8, 11 ];

function filter(value, index){
	return value > 10;
}

var result = $.grep( arr, filter );
// 保留了所有大于10的元素
w( result ); // 25,20,11


var result2 = $.grep( arr, filter, true );
// 保留了所有不大于10的元素
w( result2 ); // 10,3,0,-3,6,8

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单