JavaScript 中遍历数组和对象的 forEach 方法380

在 JavaScript 中，forEach() 方法是一种内置的数组和对象遍历方法，用于对数组中的每个元素或对象中的每个键值对执行指定的函数。

语法：```javascript
(callbackFunction);
(callbackFunction);
```

参数：* callbackFunction：一个回调函数，它接收三个参数：
* currentValue：当前正在遍历的元素或键值对的值。
* index：当前正在遍历的元素或键值对的索引或键名（仅适用于数组）。
* array 或 object：正在遍历的数组或对象。

使用方法：

要使用 forEach() 方法遍历数组或对象，请按以下步骤操作：1. 定义一个回调函数：定义一个接受三个参数的函数，以处理每个元素或键值对。
2. 调用 forEach() 方法：使用 forEach() 方法调用数组或对象的原型，并传入回调函数作为参数。
示例：
遍历数组：
```javascript
const numbers = [1, 2, 3, 4, 5];
((number, index) => {
(`Element at index ${index}:`, number);
});
```
输出：
```
Element at index 0: 1
Element at index 1: 2
Element at index 2: 3
Element at index 3: 4
Element at index 4: 5
```
遍历对象：
```javascript
const person = {
name: "John Doe",
age: 30,
city: "New York"
};
(person).forEach((key) => {
(`${key}:`, person[key]);
});
```
输出：
```
name: John Doe
age: 30
city: New York
```

优势：* 简单易用：forEach() 方法使用简单，语法简洁。
* 高效：对于较大的数组或对象，forEach() 方法比使用 for 循环更有效率。
* 可链式调用：forEach() 方法可以与其他数组方法（例如 map、filter）一起使用，实现更复杂的遍历操作。

局限性：* 无法中断遍历：forEach() 方法没有办法中断遍历，一旦调用，它将遍历整个数组或对象。
* 无法修改原始数组或对象：forEach() 方法只能访问数组或对象的元素或键值对，不能修改原始数据。

forEach() 方法是 JavaScript 中遍历数组和对象的重要工具。它提供了一种简单高效的方法来处理每个元素或键值对，并且可以与其他数组方法一起使用以实现更强大的遍历功能。

2024-12-03

上一篇：JavaScript 中文手册：初学者指南

下一篇：JavaScript 的 for 循环：全面指南