在 jQuery 中，我们可以使用
图 1：第 3 个参数为 false 的效果
图 2：第 3 个参数为 true 的效果
图 3：获取数组相同部分的效果
$.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, function(value,index){
return value > 10;
},false);
console.log(result);
})
</script>
</head>
<body>
</body>
</html>
默认情况下，控制台输出结果如图 1 所示。
图 1：第 3 个参数为 false 的效果
当我们把第 3 个参数改为 true 时，控制台输出结果如图 2 所示。
图 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, 9, 1, 12, 50, 21];
var b = [2, 9, 1, 16, 50, 32];
var result = $.grep(a, function(value,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 即可。
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/23910.html