最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JQUERY中GREP用法示例详解
时间：2022-06-25 17:43:33 编辑：袖梨 来源：一聚教程网
看看jquery的grep的用法代码示例：
jQuery的grep函数的作用是“筛选”，遍历数组，返回符合筛选条件的元素，grep函数第一个参数是数组，第二个是function函数，function( n, i )，n表示遍历的元素值，i是索引。
此段jquery代码实现的效果是：
1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1
1, 9, 4, 7, 3, 8, 6, 9, 1
1, 4, 7, 3, 8, 6, 1
关于jQuery grep函数用法还有一个地方要知道：
$.grep( [ 0, 1, 2 ], function( n, i ) {
return n > 0;
}, true );
如果第三个参数为true，那么就是“反着来”，比如上例，返回的是小于等于0的元素。
补充:
var nums = '1,2,3,4,5,jQuery,CSS,5'.split(',');
可见数组中有数字和字符串，如果我们想找出其中的字符串，我们可以直接使用 $.grep() 方法来完成这个任务，如下：
nums = $.grep(nums, function (num, index) {
// num = 数组元素的当前值
// index = 当前值的下标
return isNaN(num);
});
console.log(nums); //结果为： ["jQuery", "CSS"]
我们很容易想到 $.map() 方法，$.map() 方法可将一个数组转换为另一个数组，所以，使用 $.map() 方法也可以完成这个任务，如下：
nums = $.map(nums, function (num, index) {
//和$.grep() 的区别
//return isNaN,得到结果为：[true, true]
return isNaN(num) ? num : null;
});
console.log(nums); // ["jQuery", "CSS"]
相关文章
- 无限暖暖搭乘大鸟巴士怎么玩 公测第三天每日任务做法介绍 12-27
- 奇迹暖暖绚光护佑搭配攻略 奇迹暖暖绚光护佑过关攻略 12-27
- 绝区零月城柳意像影画怎么样 12-27
- 无限暖暖翩翩愿飞去怎么样 12-27
- 黑神话悟空1.0.12.16581版本更新公告 12-27
- 光遇12.27红石碎片在哪里 12-27