站長資訊網(wǎng)
在es6中，foreach()方法用于遍歷數(shù)組，調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理，語法“array.forEach(function(currentValue,index,arr),thisValue)”。
本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。
在es6中，foreach()方法用于遍歷數(shù)組，調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理。具體說明如下：
array.forEach(function(currentValue, index, arr), thisValue)
| 參數(shù) | 描述 |
|---|---|
| function(currentValue, index, arr) | 必需。 數(shù)組中每個(gè)元素需要調(diào)用的函數(shù)。 函數(shù)參數(shù):參數(shù)描述currentValue必需。當(dāng)前元素index可選。當(dāng)前元素的索引值。arr可選。當(dāng)前元素所屬的數(shù)組對(duì)象。 |
| thisValue | 可選。傳遞給函數(shù)的值一般用 "this" 值。 如果這個(gè)參數(shù)為空， "undefined" 會(huì)傳遞給 "this" 值 |
對(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ù)組的原始長度之外添加元素 | 否 |
| 添加元素以填充數(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);
演示結(jié)果如下：
示例2
下面示例使用 forEach 迭代數(shù)組 a，然后計(jì)算數(shù)組元素的和并輸出。
var a = [10, 11, 12], sum = 0; a.forEach (function (value) { sum += value; }); console.log(sum); //返回33
示例3
下面示例演示如何使用 forEach() 方法的第二個(gè)參數(shù)，該參數(shù)為回調(diào)函數(shù)的 this 傳遞對(duì)象。當(dāng)?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]
【
