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

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、新津縣網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5網(wǎng)站設計、購物商城網(wǎng)站建設、集團公司官網(wǎng)建設、外貿網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為新津縣等各大城市提供網(wǎng)站開發(fā)制作服務。

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

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

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

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

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

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

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

示例1

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

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

演示結果如下：

示例2

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

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

示例3

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

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()如何用”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！