资讯专栏INFORMATION COLUMN

javascript原生实现jquery的grep方法

Kyxy / 1789人阅读

摘要:有个方法,原生如果自己写个方法就是的这样不影响原数组每个数组元素,放入返回则压入方法说白了就是方法的强化版,它多支持一个参数这里指定回调结果的布尔值,应用在某些业务逻辑上,回调结果可能写成更容易

//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;
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91285.html

相关文章

  • 原生js替换jQuery各种方法-中文版

    摘要:本项目总结了大部分替代的方法,暂时只支持以上浏览器。返回指定元素及其后代的文本内容。从服务器读取数据并替换匹配元素的内容。用它自己的方式处理,原生遵循标准实现了最小来处理。当全部被解决时返回,当任一被拒绝时拒绝。是创建的一种方式。 原文https://github.com/nefe/You-D... You Dont Need jQuery showImg(https://segmen...

    lylwyy2016 评论0 收藏0
  • 查漏补缺 - 收藏集 - 掘金

    摘要:酝酿许久之后,笔者准备接下来撰写前端面试题系列文章,内容涵盖浏览器框架分钟搞定常用基础知识前端掘金基础智商划重点在实际开发中,已经非常普及了。 这道题--致敬各位10年阿里的前端开发 - 掘金很巧合,我在认识了两位同是10年工作经验的阿里前端开发小伙伴,不但要向前辈学习,我有时候还会选择另一种方法逗逗他们,拿了网上一道经典面试题,可能我连去阿里面试的机会都没有,但是我感受到了一次面试1...

    YuboonaZhang 评论0 收藏0
  • JavaScript - 收藏集 - 掘金

    摘要:插件开发前端掘金作者原文地址译者插件是为应用添加全局功能的一种强大而且简单的方式。提供了与使用掌控异步前端掘金教你使用在行代码内优雅的实现文件分片断点续传。 Vue.js 插件开发 - 前端 - 掘金作者:Joshua Bemenderfer原文地址: creating-custom-plugins译者:jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插....

    izhuhaodev 评论0 收藏0
  • jQuery设计思想之理解篇

    摘要:创建新元素的方法非常简单,只要把新元素直接传入的构造函数就行了七工具方法设计思想之六除了对选中的元素进行操作以外,还提供一些与元素无关的工具方法。八事件操作设计思想之七,就是把事件直接绑定在网页元素之上。 转自:阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最广泛的JavaScript函数库。 据统计,全世界排名...

    newsning 评论0 收藏0
  • 数组方法汇总

    摘要:返回值为排序后的新数组。会有一个函数作为的参数,该函数也有个参数,分别为调用的数组的每一项元素对应元素所在的位置表示该数组过滤方法。返回满足条件的元素组成的数组。 原生javascript方法 创建数组 var colors = []; var colors = [red, blue]; 检测数组 if(arr instanceof Array) {} 如果网页中包含多个框架,则需要使...

    cnio 评论0 收藏0

发表评论

0条评论

Kyxy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<