微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery $.grep()方法的使用

在 jQuery 中,我们可以使用$.grep()方法来过滤数组中不符合条件的元素。

语法:

$.grep(array,function(value,index){
    ……
},false) 


说明:
  • 第 1 个参数 array 是一个数组;
  • 第 2 个参数是一个匿名函数。该匿名函数有两个形参:value 表示当前元素的“值”,index 表示当前元素的“索引”;
  • 第 3 个参数是一个布尔值。如果该值为 false,则$.grep()只会收集函数返回 true 的数组元素;如果该值为 true,则$.grep()只会收集函数返回 false 的数组元素。

举例:
<!DOCTYPE html>
<html>
<head>
    <Meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            var arr = [3,9,1,12,50,21];
            var result = $.grep(arr,index){
                return value > 10;
            },false);
            console.log(result);
        })
    </script>
</head>
<body>
</body>
</html>
认情况下,控制台输出结果如图 1 所示。
第3个参数为false的效果
图 1:第 3 个参数为 false 的效果

当我们把第 3 个参数改为 true 时,控制台输出结果如图 2 所示。
第3个参数为true的效果
图 2:第 3 个参数为 true 的效果

在实际开发中,$.grep()方法常用于获取两个数组中相同的部分或不相同的部分,请看下面的例子。

举例:
<!DOCTYPE html>
<html>
<head>
    <Meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            var a = [3,21];
            var b = [2,16,32];
            var result = $.grep(a,index){
                if(b.indexOf(value) >=0){
                    return true;
                }
            },false);
            console.log(result);
        })
    </script>
</head>
<body>
</body>
</html>
控制台输出结果如图 3 所示。
获取数组相同部分的效果
图 3:获取数组相同部分的效果
 
上面这个例子表示获取数组 a 中与数组 b 中相同的部分。如果想要获取数组 a 中与数组 b 中不同的部分,只须把$.grep()方法的第 3 个参数改为 true 即可。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐