Javascript 數組循環遍歷之forEach

nicercode 發布于2019-08-20 18:11 / 1393人閱讀

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

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

兼容性

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

但是在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++;  
        }  
    };  
}

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

if 語句控制

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

例子:取出數組中3的倍數和7的倍數的數

GPU云服務器云服務器 js數組遍歷foreach python循環遍歷二維數組 foreach遍歷遍歷foreach

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

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

js遍歷之for forEach in of

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

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

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

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

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

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

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

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

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

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