js数组forEach实例用法详解

JavaScript Array forEach() 方法详解

JavaScript中的forEach()函数是用于数组循环的方法，可以遍历数组的每个元素并对其进行操作。该方法在ECMAScript 5 (ES5)中被引入，不仅适用于所有数组，而且可以处理类数组对象。

语法

forEach() 方法有两个参数，第一个是一个回调函数，第二个是可选的this值。语法如下：

array.forEach(function(currentValue, index, arr), thisValue)

参数说明：

• currentValue：必须。当前元素的值。
• index：可选。当前元素的索引。
• arr：可选。当前数组对象。
• thisValue：可选。作为 this 值呈现给 callback 函数的对象。

forEach() 方法的返回值：

该方法返回值为 undefined。它不会返回任何内容。

forEach() 方法的用途：

forEach() 方法是用于遍历数组并在每个元素上执行回调函数。

例子 1：

下面是一个数组，该数组包含了人员的姓名，我们使用forEach()遍历该数组并将每个元素输出到控制台。

var persons = ["张三", "李四", "王五"];

persons.forEach(function(person) {
  console.log(person);
});

输出结果：

张三
李四
王五

例子 2：

下面是一个数组，该数组包含了每个人员的年龄，我们使用forEach()遍历该数组并累加所有年龄，最终输出总年龄。

var personsAge = [18, 20, 22];

var totalAge = 0;

personsAge.forEach(function(age) {
  totalAge += age;
});

console.log("总年龄为：" + totalAge);

输出结果：

总年龄为：60

注意事项：

• forEach()方法不会改变原始数组。
• 如果回调函数不返回任何值，则返回值为undefined。
• 如果传递给forEach()的数组被修改，则结果是未定义的。
• 如果回调函数已被删除或调用时，该元素尚未被访问，则跳过该元素。
• 如果传递给forEach()的数组在迭代过程中更改，则结果是未定义的。

结束语

这篇文章通过两个实例，讲解了 JavaScript 数组 forEach() 方法的基本用法。该方法是在遍历数组并在每个元素上执行回调函数时使用的常见方法，可以轻松地对数组进行操作。