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)

參數	描述
function(currentValue, index, arr )	必需。數組中每個元素需要呼叫的函數。 函數參數:參數描述currentValue必要。當前元素index可選。當前元素的索引值。 arr可選。目前元素所屬的數組物件。
thisValue	可選。傳遞給函數的值一般用 "this" 值。 如果這個參數為空， "undefined" 會傳遞給"this" 值

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

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

forEach 方法不會直接修改原始數組，但回呼函數可能會修改它。在 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]

【相關推薦：javascript影片教學、web前端】

以上是es6中foreach()怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！