站長(zhǎng)資訊網(wǎng)
在javascript中，forEach()方法用于為數(shù)組執(zhí)行迭代操作，可以調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理；語(yǔ)法“array.forEach(function(Value,index,arr),thisValue)”。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
Array 類型為每個(gè)數(shù)組定義了 forEach() 原型方法，使用該方法可以為數(shù)組執(zhí)行迭代操作。
forEach() 方法用于調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)。
具體語(yǔ)法如下：
array.forEach(function(currentValue, index, arr), thisValue)
參數(shù)說(shuō)明如下：
-
array：一個(gè)數(shù)組對(duì)象。
-
function(currentValue, index, arr)：必需參數(shù)，最多可以接收三個(gè)參數(shù)的函數(shù)。forEach 將為數(shù)組中的每個(gè)元素調(diào)用 callbackfn 函數(shù)一次。
-
currentValue：必需。當(dāng)前元素
-
index：可選。當(dāng)前元素的索引值。
-
arr：可選。當(dāng)前元素所屬的數(shù)組對(duì)象。
-
-
thisArg：可選參數(shù)，callbackfn 函數(shù)中的 this 可引用的對(duì)象。如果省略 thisArg，則 this 的值為 undefined。
對(duì)于數(shù)組中出現(xiàn)的每個(gè)元素，forEach 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次，采用升序索引順序，但不會(huì)為數(shù)組中空元素調(diào)用回調(diào)函數(shù)。
除了數(shù)組對(duì)象之外，forEach 方法還可以用于有 length 屬性且具有已按數(shù)字編制索引的屬性名的任何對(duì)象，如關(guān)聯(lián)數(shù)組對(duì)象、Arguments 等。
forEach 方法不直接修改原始數(shù)組，但回調(diào)函數(shù)可能會(huì)修改它。在 forEach 方法啟動(dòng)后修改數(shù)組對(duì)象所獲得的結(jié)果如表所示。
| forEach 方法啟動(dòng)后的條件 | 元素是否傳遞給回調(diào)函數(shù) |
|---|---|
| 在數(shù)組的原始長(zhǎng)度之外添加元素 | 否 |
| 添加元素以填充數(shù)組中缺少的元素 | 是，如果該索引尚未傳遞給回調(diào)函數(shù) |
| 元素已更改 | 是，如果該元素尚未傳遞給回調(diào)函數(shù) |
| 從數(shù)組中刪除元素 | 否，除非該元素已傳遞給回調(diào)函數(shù) |
示例1：使用 forEach 迭代數(shù)組 a，然后把每個(gè)元素的值和下標(biāo)索引輸出顯示，代碼如下：
function f(value,index,array) { console.log("a[" + index + "] = " + value); } var a = ['a', 'b', 'c']; a.forEach(f);
輸出：
示例2：使用 forEach 迭代數(shù)組 a，然后計(jì)算數(shù)組元素的和并輸出
var a = [10, 11, 12], sum = 0; a.forEach (function (value) { sum += value; }); console.log(sum); //返回33
輸出：
33
【推薦學(xué)習(xí)：javascript高級(jí)教程】
