Jquery 遍历数组之grep()方法介绍

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.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏用户2442861的专栏

Java基础之String中equals,声明方式,等大总结

    转载请注明出处:http://blog.csdn.net/dmk877/article/details/49420141 

872
来自专栏JetpropelledSnake

Python入门之迭代器/生成器/yield的表达方式/面向过程编程

 本章内容     迭代器     面向过程编程       一、什么是迭代       二、什么是迭代器       三、迭代器演示和举例       四、生...

3009
来自专栏大前端_Web

js浮点数加减乘除

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

1593
来自专栏淡定的博客

python入门基础语法总结

1063
来自专栏Hongten

python开发_python中str.format()

2042
来自专栏Python

Python中赋值、浅拷贝与深拷贝

   python中关于对象复制有三种类型的使用方式,赋值、浅拷贝与深拷贝。他们既有区别又有联系,刚好最近碰到这一类的问题,研究下。 一、赋值         ...

2309
来自专栏欧阳大哥的轮子

C++的new和delete详解

C++中如果要在堆内存中创建和销毁对象需要借助关键字new和delete来完成。比如下面的代码

904
来自专栏软件开发 -- 分享 互助 成长

C++STL之map的基本操作

STL中基本的关联式容器有map和set,它们都是以红黑树作为其底层的结构,具有非常高的查找、删除效率,内容会按照键值自动排序。 使用map的注意事项: 1、关...

2099
来自专栏九彩拼盘的叨叨叨

JavaScript 字符串练习题

如果对字符串的 API 不是很熟悉,可查阅 W3School JavaScript String API。

881
来自专栏章鱼的慢慢技术路

C++笔试面试题整理

封装来源于信息隐藏的设计理念,是通过特性和行为的组合来创建新数据类型让接口与具体实现相隔离。

1.2K3

扫码关注云+社区

领取腾讯云代金券