博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery 遍历数组之grep()方法介绍
阅读量:7262 次
发布时间:2019-06-29

本文共 1535 字,大约阅读时间需要 5 分钟。

grep()方法用于数组元素过滤筛选。

grep(array,callback,boolean);方法参数介绍。

array   ---待处理数组

callback  ---这个回调函数用来处理数组中的每个元素,并过滤元素,该函数包含两个参数,第一个参数是当前数组元素的值,第二个参数是当前数组元素的下标,返回值是一个布尔值。

下面是grep()方法的源代码:

//grep函数,第三个参数表示是否根据fn的结果取反!      grep: function( elems, callback, invert ) {      var callbackInverse,      matches = [],      i = 0,      //保存数组个数      length = elems.length,      //对传入的第二个参数取反,true变成false,false变成true      //如果invert为false,即!inverse为true,那么直接把函数返回true的元素加入,所以期望callbackExpect的就是true      callbackExpect = !invert;      // Go through the array, only saving the items      // that pass the validator function      for ( ; i < length; i++ ) {      //如果invert是false,表示不取反,那么如果fn返回true,就直接加入进去matches数组      //获取回调函数结果的返回值的取反的结果      callbackInverse = !callback( elems[ i ], i );    //这句代码说明回调函数的返回值是bool    if ( callbackInverse !== callbackExpect ) {      matches.push( elems[ i ] );      }      }      return matches;      }

invert  ---默认值为false,当值为false时,grep()返回的数组是满足callback条件的数组,当值为true时,grep()方法返回的则是不满足callback条件的数组。

当invert的值为true时。代码如下:

$(function () {            var result = $.grep([0, 1, 2, 3, 4, 5, 6], function (value, index) {                return value > 5;            },true);            alert(result);
result=[0,1,2,3,4,5] 当invert的值为false时。代码如下
$(function () {            var result = $.grep([0, 1, 2, 3, 4, 5, 6], function (value, index) {                return value > 5;            },false);            alert(result);        });
 

result=[6];

当invert的值不填时,默认为false.

 

 

转载于:https://www.cnblogs.com/GreenLeaves/p/5640349.html

你可能感兴趣的文章
AI一周热闻:12306数据泄露,嫌疑人被捕;BERT提升文档检索性能至1.5-2倍
查看>>
Rust 1.27支持SIMD
查看>>
Atlassian是怎样进行持续交付的?且听 Steve Smith一一道来
查看>>
架构之重构的12条军规(上)
查看>>
Scrapy入门程序点评
查看>>
软件可扩展性:来自星巴克的经验
查看>>
让我们一起愉快地逃课吧!
查看>>
方法引用和构造器引用
查看>>
linux vi 替换
查看>>
IBM用AI为癫痫患者分类,精准用药提高治愈率
查看>>
网络问题定位问题手段总结
查看>>
编程语言运行过程
查看>>
MYSQL修改存储过程的访问权限
查看>>
javascript正则表达式知识大全
查看>>
IDEA创建JavaWeb项目
查看>>
# iOS 使用 InjectionIII 注入动态库实现快速调试
查看>>
关于企业费控管理的这些陷阱,你知道吗?
查看>>
RTMP/RTSP直播播放器选择
查看>>
编排的艺术| K8S 中的容器编排和应用编排
查看>>
重大成果!世界首创、中国研制体细胞克隆猴诞生!
查看>>