Javascript foreach 对象数组

在Javascript中，我们可以使用 forEach() 方法来遍历一个对象数组。forEach()是Javascript中数组对象原型的一员，用于对数组中的每个元素执行一次给定的函数。

使用方法

使用数组对象的 forEach() 方法时，需要传递一个函数作为其唯一的参数，该函数将在数组中的每个元素上被调用。这个函数本身可以有很多参数，但其中至少会有一个参数，代表当前正在被处理的数组元素的值。

array.forEach(function(currentValue, index, array) {
  // 这里是代码块
});

参数解释

• currentValue: 必填项，当前正在被处理的数组元素的值。
• index: 可选项，当前正在被处理的元素在数组中的下标索引。
• array: 可选项，当前正在被处理的数组对象。

代码示例

下面是一个使用 forEach() 方法遍历数组的代码示例：

let persons = [
  { name: '张三', age: 18 },
  { name: '李四', age: 20 },
  { name: '王五', age: 22 }
];

persons.forEach(function(person, index) {
  console.log(`第${index + 1}个人的姓名是${person.name}，年龄是${person.age}`);
});

上面的代码将会输出：

第1个人的姓名是张三，年龄是18
第2个人的姓名是李四，年龄是20
第3个人的姓名是王五，年龄是22

注意事项

• 使用 forEach() 方法遍历数组时，原数组并不会被更改。
• 想要在遍历过程中改变原数组的值，请使用 map() 方法或者 for...of 循环。
• 在遍历数组的过程中，若 forEach() 函数返回 false，则遍历会立即停止。
• 如果需要在遍历完成后得到一个新的数组，请使用 map() 方法。

以上就是关于Javascript中的 forEach() 方法的介绍。希望能对大家的学习有所帮助。