在javascript中,forEach()方法用于為數組執行迭代操作,可以調用數組的每個元素,并將元素傳遞給回調函數進行處理;語法“array.forEach(function(Value,index,arr),thisValue)”。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
Array 類型為每個數組定義了 forEach() 原型方法,使用該方法可以為數組執行迭代操作。
forEach() 方法用于調用數組的每個元素,并將元素傳遞給回調函數。
具體語法如下:
array.forEach(function(currentValue, index, arr), thisValue)
參數說明如下:
-
array:一個數組對象。
-
function(currentValue, index, arr):必需參數,最多可以接收三個參數的函數。forEach 將為數組中的每個元素調用 callbackfn 函數一次。
-
currentValue:必需。當前元素
-
index:可選。當前元素的索引值。
-
arr:可選。當前元素所屬的數組對象。
-
-
thisArg:可選參數,callbackfn 函數中的 this 可引用的對象。如果省略 thisArg,則 this 的值為 undefined。
對于數組中出現的每個元素,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
輸出:
33
【推薦學習:javascript高級教程】