javascript原生實現jquery的grep方法

Kyxy 發布于2019-08-22 10:48 / 1914人閱讀

摘要：有個方法，原生如果自己寫個方法就是的這樣不影響原數組每個數組元素，放入返回則壓入方法說白了就是方法的強化版，它多支持一個參數這里指定回調結果的布爾值，應用在某些業務邏輯上，回調結果可能寫成更容易

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

云服務器 GPU云服務器 javascript實現方法 grep()方法原生的javascript grep()方法詳解

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91285.html

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

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

lylwyy2016 2019-08-23 12:14 評論0 收藏0
查漏補缺 - 收藏集 - 掘金

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

YuboonaZhang 2019-08-29 12:56 評論0 收藏0
JavaScript - 收藏集 - 掘金

摘要：插件開發前端掘金作者原文地址譯者插件是為應用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內優雅的實現文件分片斷點續傳。 Vue.js 插件開發 - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應用添加全局功能的一種強大而且簡單的方式。插....

izhuhaodev 2019-08-21 11:44 評論0 收藏0
jQuery設計思想之理解篇

摘要：創建新元素的方法非常簡單，只要把新元素直接傳入的構造函數就行了七工具方法設計思想之六除了對選中的元素進行操作以外，還提供一些與元素無關的工具方法。八事件操作設計思想之七，就是把事件直接綁定在網頁元素之上。轉自：阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最廣泛的JavaScript函數庫。據統計，全世界排名...

newsning 2019-08-20 16:12 評論0 收藏0
數組方法匯總

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

cnio 2019-08-22 10:59 評論0 收藏0