jQuery实战教程实现jQuery的grep方法解析-职坐标

jQuery实战教程实现jQuery的grep方法解析

沉沙 2018-06-28 来源：阅读 1224 评论 0

摘要：本篇jQuery实战教程通过代码讲解了实现jQuery的grep方法，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

//array有个filter 方法，原生 API
[1, 2, 3, 4, 5, 6].filter(function (item) {
    return item % 2 == 0;
});
//=> [2,4,6]
//如果自己写个filter方法就是：
function filter(arr, calback) {
    var temp = [] //array 的filter,这样不影响原数组
    for (var i = 0, l = arr.length; i < l; i++) {
        if (calback(arr[i])) { //每个数组元素，放入calback,返回true,则压入temp
            temp.push(arr[i])
        }
 
    }
    return temp;
}
;
//grep方法说白了就是filter方法的强化版，它多支持一个参数
function grep(arr, calback, invert) {
    var temp = [];
    for (var i = 0, l = arr.length; i < l; i++) {
        if (calback(arr[i]) === invert) { //这里指定回调结果的布尔值，应用在某些业务逻辑上，回调结果可能写成false更容易
            temp.push(arr[i])
        }
    }
    return temp;
}

本文由职坐标整理发布，学习更多的jQuery相关知识，请关注职坐标WEB前端jQuery频道！

jquery教程总结ppt jquery实战教程百度云 jquery实战中文版pdf

本文由 @沉沙发布于职坐标。未经许可，禁止转载。