javascript中FOREACH数组方法使用示例

下面我就为你详细讲解一下“javascript中FOREACH数组方法使用示例”的完整攻略。

FOREACH方法简介

FOREACH方法是 JavaScript 中 Array 对象定义的方法，用于对数组中的元素进行遍历操作。与传统循环不同的是，FOREACH方法不需要我们自己去编写循环变量、循环条件和循环增量等等。

FOREACH方法的语法

array.forEach(callback(currentValue[, index[, array]])[, thisArg])

参数说明：

• callback：必须。函数，数组中每个元素都执行该函数。
• currentValue：必须。当前元素的值。
• index：可选。当前元素的索引。
• array：可选。数组对象本身。
• thisArg：可选。执行回调函数时作为 this 值的对象。

FOREACH方法使用示例1

下面是一个简单的例子，说明如何使用FOREACH方法来输出数组中的每个元素：

const arr = [1, 2, 3];
arr.forEach(function(item, index) {
  console.log("数组元素 [" + index + "] = " + item);
});

输出结果：

数组元素 [0] = 1
数组元素 [1] = 2
数组元素 [2] = 3

上面的示例中，我们首先创建了一个包含三个元素的数组。然后使用FOREACH方法遍历数组中的每个元素，将元素值和下标打印到控制台中。

FOREACH方法使用示例2

下面是一个稍微更复杂一些的示例，说明如何使用FOREACH方法来计算数组中所有元素的平均数：

const arr2 = [1, 2, 3, 4, 5];
let sum = 0;
arr2.forEach(function(item) {
  sum += item;
});
const avg = sum / arr2.length;
console.log("平均数为：" + avg);

输出结果：

平均数为：3

上面的示例中，我们首先创建了一个包含五个元素的数组。然后使用FOREACH方法遍历数组中的每个元素，将元素值累加在一个变量中。最后，求出平均数并打印到控制台中。

以上就是关于“javascript中FOREACH数组方法使用示例”的详细攻略，希望对你有所帮助。