Javascript 數(shù)組循環(huán)遍歷之forEach

nicercode 發(fā)布于2019-08-20 18:11 / 1401人閱讀

摘要：是中遍歷數(shù)組的方法，大部分人常用循環(huán)來遍歷數(shù)組，現(xiàn)在我們來看一下的用法。兼容性和的類型都有的函數(shù)。

forEach是javascript中遍歷數(shù)組的方法，大部分人常用for()循環(huán)來遍歷數(shù)組，現(xiàn)在我們來看一下forEach的用法。

兼容性

Firefox 和Chrome 的Array 類型都有forEach的函數(shù)。使用如下：

但是在IE中卻沒有forEach這個方法：alert(Array.prototype.forEach); //undefined

但是我們可以使用如下方法來讓IE兼容這個forEach：

//Array.forEach implementation for IE support..  
//https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach  
if (!Array.prototype.forEach) {  
    Array.prototype.forEach = function(callback, thisArg) {  
        var T, k;  
        if (this == null) {  
            throw new TypeError(" this is null or not defined");  
        }  
        var O = Object(this);  
        var len = O.length >>> 0; // Hack to convert O.length to a UInt32  
        if ({}.toString.call(callback) != "[object Function]") {  
            throw new TypeError(callback + " is not a function");  
        }  
        if (thisArg) {  
            T = thisArg;  
        }  
        k = 0;  
        while (k < len) {  
            var kValue;  
            if (k in O) {  
                kValue = O[k];  
                callback.call(T, kValue, k, O);  
            }  
            k++;  
        }  
    };  
}

凡是有循環(huán)的地方，都會涉及到跳出循環(huán)的情況，那么forEach如何跳出循環(huán)呢？
Js此種狀況的forEach不能使用continue, break；可以使用如下兩種方式：

if 語句控制

return (return true/return false) return --> 類似continue

例子:取出數(shù)組中3的倍數(shù)和7的倍數(shù)的數(shù)

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84179.html

js遍歷之for forEach in of

摘要：語法參數(shù)當前遍歷項。遍歷的范圍在第一次調(diào)用前就會確定。已刪除的項不會被遍歷到。的是由提出的，目的是作為遍歷所有數(shù)據(jù)結構的統(tǒng)一方法。不僅可以遍歷數(shù)組，還可以遍歷結構，某些類似數(shù)組的對象如對象對象，對象，以及字符串。即使是最簡單的循環(huán)，其中也深藏學問 ECMAScript5(es5)有三種for循環(huán) 簡單for for in forEach ECMAScript6(es6)新增 fo...

yeyan1996 2019-08-20 17:38 評論0 收藏0
JavaScript專題之jQuery通用遍歷方法each的實現(xiàn)

摘要：語法為回調(diào)函數(shù)擁有兩個參數(shù)第一個為對象的成員或數(shù)組的索引，第二個為對應變量或內(nèi)容。但是對于的函數(shù)，如果需要退出循環(huán)可使回調(diào)函數(shù)返回，其它返回值將被忽略。 JavaScript 專題系列第十一篇，講解 jQuery 通用遍歷方法 each 的實現(xiàn) each介紹 jQuery 的 each 方法，作為一個通用遍歷方法，可用于遍歷對象和數(shù)組。語法為： jQuery.each(object,...

blankyao 2019-08-20 18:30 評論0 收藏0
ES6語法之可迭代協(xié)議和迭代器協(xié)議

摘要：有兩個協(xié)議可迭代協(xié)議和迭代器協(xié)議。為了變成可迭代對象，一個對象必須實現(xiàn)或者它原型鏈的某個對象必須有一個名字是的屬性迭代器協(xié)議該迭代器協(xié)議定義了一種標準的方式來產(chǎn)生一個有限或無限序列的值。 ECMAScript 2015的幾個補充，并不是新的內(nèi)置或語法，而是協(xié)議。這些協(xié)議可以被任何遵循某些約定的對象來實現(xiàn)。有兩個協(xié)議：可迭代協(xié)議和迭代器協(xié)議。可迭代協(xié)議可迭代協(xié)議允許 JavaScri...

sarva 2019-08-22 11:23 評論0 收藏0
給初學者：JavaScript 中數(shù)組操作注意點

摘要：使用遍歷數(shù)組有三點問題遍歷順序不固定引擎不保證對象的遍歷順序。作為原生函數(shù)，和自身操作字符串的速度是很快的。由于沒有返回值返回，所以它的回調(diào)函數(shù)通常是包含副作用的，否則這個寫了毫無意義。接受一個回調(diào)函數(shù)，你可以提前，相當于手寫循環(huán)中的。不要用 for_in 遍歷數(shù)組這是 JavaScript 初學者常見的誤區(qū)。for_in 用于遍歷對象中包括原型鏈上的所有可枚舉的（enumerab...

tianyu 2019-08-22 11:20 評論0 收藏0
JavaScript學習筆記之數(shù)組（一）

摘要：數(shù)組基礎篇數(shù)組的語法數(shù)組是按次序排列的一組值。屬性數(shù)組的屬性，返回數(shù)組的成員數(shù)量。通過設置的值改變數(shù)組的長度將屬性設為可以清空數(shù)組。類似數(shù)組的對象并不是數(shù)組，因為它們不具備數(shù)組特有的方法。數(shù)組基礎篇 1.數(shù)組的語法數(shù)組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始)。var arr=[1,2,3] //arr[0]=1任何類型的數(shù)據(jù)，都可以放入數(shù)組。 var ...

Yangder 2019-08-26 11:52 評論0 收藏0