JavaScript 對(duì)象

JavaScript 參考手冊(cè)

JS DOM參考手冊(cè)

JavaScript Boolean 對(duì)象 JavaScript Array 對(duì)象

JavaScript 數(shù)組 forEach() 方法

JavaScript 數(shù)組對(duì)象

forEach()方法按升序?yàn)槊總€(gè)數(shù)組元素執(zhí)行一次提供的函數(shù)（回調(diào)函數(shù)）。

除了拋出異常外，沒(méi)有其他方法可以停止或中斷forEach()循環(huán)。

如果想提前終止，可以通過(guò)使用以下方式完成：

一個(gè)簡(jiǎn)單的循環(huán)
一for......of循環(huán)

語(yǔ)法：

array.forEach(callback, thisArg)

示例

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");

fruits.forEach(function(element) {
    result.innerHTML += element + "<br>";
});

測(cè)試看看?/?

瀏覽器兼容性

表中的數(shù)字指定了完全支持forEach()方法的第一個(gè)瀏覽器版本：

方法
forEach()	是	1.5	是	是	9

參數(shù)值

參數(shù)	描述
callback	為數(shù)組中的每個(gè)元素運(yùn)行的函數(shù)。函數(shù)參數(shù)： currentValue（必填）-數(shù)組中正在處理的當(dāng)前元素 index（可選）-數(shù)組中正在處理的當(dāng)前元素的索引 array（可選）- 調(diào)用了forEach數(shù)組
thisArg	（可選）執(zhí)行回調(diào)時(shí)用作此對(duì)象

技術(shù)細(xì)節(jié)

返回值：	未定義
JavaScript版本：	ECMAScript 5

更多示例

回調(diào)函數(shù)最多可以包含3個(gè)參數(shù)：

示例

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");

fruits.forEach(function(element, index, array) {
    result.innerHTML += index + ": " + element + "<br>";
});

測(cè)試看看?/?

獲取數(shù)組中所有值的總和：

示例

var nums = [2, 5, 10, 5, 10, 28];
var sum = 0;

nums.forEach(function(element) {
    sum += element;
});

document.getElementById("result").innerHTML = sum;

測(cè)試看看?/?

獲取數(shù)組中值的平均值：

示例

var nums = [2, 5, 10, 5, 10, 28];
var sum = 0;

nums.forEach(function(element) {
    sum += element;
});

document.getElementById("result").innerHTML = sum / nums.length;

測(cè)試看看?/?

將forEach循環(huán)轉(zhuǎn)換為for循環(huán)：

示例

var nums = [2, 5, 10, 5, 10, 28];
var sum = 0;

for (let i=0; i < nums.length; i++) {
    sum = sum + nums[i];
});

document.getElementById("result").innerHTML = sum;

測(cè)試看看?/?

JavaScript 數(shù)組對(duì)象

JavaScript Boolean 對(duì)象 JavaScript Array 對(duì)象