es6中的foreach()如何用

本篇內容主要講解“es6中的foreach()如何用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“es6中的foreach()如何用”吧!

在es6中，foreach()方法用于遍歷數組，調用數組的每個元素，并將元素傳遞給回調函數進行處理，語法“array.forEach(function(currentValue,index,arr),thisValue)”。

本教程操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

在es6中，foreach()方法用于遍歷數組，調用數組的每個元素，并將元素傳遞給回調函數進行處理。具體說明如下：

array.forEach(function(currentValue, index, arr), thisValue)

對于數組中出現的每個元素，forEach 方法都會調用 callbackfn 函數一次，采用升序索引順序，但不會為數組中空元素調用回調函數。

除了數組對象之外，forEach 方法還可以用于有 length 屬性且具有已按數字編制索引的屬性名的任何對象，如關聯數組對象、Arguments 等。

forEach 方法不直接修改原始數組，但回調函數可能會修改它。在 forEach 方法啟動后修改數組對象所獲得的結果如表所示。

示例1

下面示例使用 forEach 迭代數組 a，然后把每個元素的值和下標索引輸出顯示，代碼如下：

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

演示結果如下：

示例2

下面示例使用 forEach 迭代數組 a，然后計算數組元素的和并輸出。

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33

示例3

下面示例演示如何使用 forEach() 方法的第二個參數，該參數為回調函數的 this 傳遞對象。當迭代數組過程中，先讀取數組元素的值，然后改寫它的值。

var obj = {
    f1 : function(value,index,array) {
        console.log("a[" + index + "] = " + value);
        arrar[index] = this.f2(value);
    },
    f2 : function (x) {return x * x;}
};
var a = [12, 26, 36];
a.forEach(obj.f1, obj);
console.log(a);  //返回[144, 676, 1296]

到此，相信大家對“es6中的foreach()如何用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！