javascript原生實(shí)現(xiàn)jquery的grep方法

Kyxy 發(fā)布于2019-08-22 10:48 / 1974人閱讀

摘要：有個(gè)方法，原生如果自己寫個(gè)方法就是的這樣不影響原數(shù)組每個(gè)數(shù)組元素，放入返回則壓入方法說(shuō)白了就是方法的強(qiáng)化版，它多支持一個(gè)參數(shù)這里指定回調(diào)結(jié)果的布爾值，應(yīng)用在某些業(yè)務(wù)邏輯上，回調(diào)結(jié)果可能寫成更容易

//array有個(gè)filter 方法，原生 API
[1, 2, 3, 4, 5, 6].filter(function (item) {
    return item % 2 == 0;
});
//=> [2,4,6]
//如果自己寫個(gè)filter方法就是：
function filter(arr, calback) {
    var temp = [] //array 的filter,這樣不影響原數(shù)組
    for (var i = 0, l = arr.length; i < l; i++) {
        if (calback(arr[i])) { //每個(gè)數(shù)組元素，放入calback,返回true,則壓入temp
            temp.push(arr[i])
        }

    }
    return temp;
}
;
//grep方法說(shuō)白了就是filter方法的強(qiáng)化版，它多支持一個(gè)參數(shù)
function grep(arr, calback, invert) {
    var temp = [];
    for (var i = 0, l = arr.length; i < l; i++) {
        if (calback(arr[i]) === invert) { //這里指定回調(diào)結(jié)果的布爾值，應(yīng)用在某些業(yè)務(wù)邏輯上，回調(diào)結(jié)果可能寫成false更容易
            temp.push(arr[i])
        }
    }
    return temp;
}

GPU云服務(wù)器云服務(wù)器 javascript實(shí)現(xiàn)方法 grep()方法原生的javascript grep()方法詳解

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/91285.html

相關(guān)文章

原生js替換jQuery各種方法-中文版

摘要：本項(xiàng)目總結(jié)了大部分替代的方法，暫時(shí)只支持以上瀏覽器。返回指定元素及其后代的文本內(nèi)容。從服務(wù)器讀取數(shù)據(jù)并替換匹配元素的內(nèi)容。用它自己的方式處理，原生遵循標(biāo)準(zhǔn)實(shí)現(xiàn)了最小來(lái)處理。當(dāng)全部被解決時(shí)返回，當(dāng)任一被拒絕時(shí)拒絕。是創(chuàng)建的一種方式。原文https://github.com/nefe/You-D... You Dont Need jQuery showImg(https://segmen...

lylwyy2016 2019-08-23 12:14 評(píng)論0 收藏0
查漏補(bǔ)缺 - 收藏集 - 掘金

摘要：醞釀許久之后，筆者準(zhǔn)備接下來(lái)撰寫前端面試題系列文章，內(nèi)容涵蓋瀏覽器框架分鐘搞定常用基礎(chǔ)知識(shí)前端掘金基礎(chǔ)智商劃重點(diǎn)在實(shí)際開發(fā)中，已經(jīng)非常普及了。這道題--致敬各位10年阿里的前端開發(fā) - 掘金很巧合，我在認(rèn)識(shí)了兩位同是10年工作經(jīng)驗(yàn)的阿里前端開發(fā)小伙伴，不但要向前輩學(xué)習(xí)，我有時(shí)候還會(huì)選擇另一種方法逗逗他們，拿了網(wǎng)上一道經(jīng)典面試題，可能我連去阿里面試的機(jī)會(huì)都沒有，但是我感受到了一次面試1...

YuboonaZhang 2019-08-29 12:56 評(píng)論0 收藏0
JavaScript - 收藏集 - 掘金

摘要：插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 Vue.js 插件開發(fā) - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。插....

izhuhaodev 2019-08-21 11:44 評(píng)論0 收藏0
jQuery設(shè)計(jì)思想之理解篇

摘要：創(chuàng)建新元素的方法非常簡(jiǎn)單，只要把新元素直接傳入的構(gòu)造函數(shù)就行了七工具方法設(shè)計(jì)思想之六除了對(duì)選中的元素進(jìn)行操作以外，還提供一些與元素?zé)o關(guān)的工具方法。八事件操作設(shè)計(jì)思想之七，就是把事件直接綁定在網(wǎng)頁(yè)元素之上。轉(zhuǎn)自：阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最廣泛的JavaScript函數(shù)庫(kù)。據(jù)統(tǒng)計(jì)，全世界排名...

newsning 2019-08-20 16:12 評(píng)論0 收藏0
數(shù)組方法匯總

摘要：返回值為排序后的新數(shù)組。會(huì)有一個(gè)函數(shù)作為的參數(shù)，該函數(shù)也有個(gè)參數(shù)，分別為調(diào)用的數(shù)組的每一項(xiàng)元素對(duì)應(yīng)元素所在的位置表示該數(shù)組過(guò)濾方法。返回滿足條件的元素組成的數(shù)組。原生javascript方法創(chuàng)建數(shù)組 var colors = []; var colors = [red, blue]; 檢測(cè)數(shù)組 if(arr instanceof Array) {} 如果網(wǎng)頁(yè)中包含多個(gè)框架，則需要使...

cnio 2019-08-22 10:59 評(píng)論0 收藏0