【js的foreach遍历怎么用】在JavaScript中，`forEach()` 是一个非常常用的数组方法，用于遍历数组中的每一个元素。它能够简化循环操作，使代码更简洁、易读。下面我们将对 `forEach()` 的使用方式进行总结，并通过表格形式展示其基本结构和用法。
一、`forEach()` 简介
`forEach()` 是数组的一个方法，用来遍历数组中的每个元素，并对每个元素执行一次提供的函数。它不会改变原数组，也不会返回新数组，而是直接对每个元素进行处理。
二、`forEach()` 基本语法
```javascript
array.forEach(function(currentValue, index, array) {
// 执行代码
});
```
- currentValue：当前元素的值。
- index（可选）：当前元素的索引。
- array（可选）：当前元素所属的数组对象。
三、`forEach()` 使用示例
以下是一个简单的例子：
```javascript
const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(function(fruit, index) {
console.log(`第 ${index + 1} 个水果是：${fruit}`);
});
```
输出结果为：
```
第 1 个水果是：apple
第 2 个水果是：banana
第 3 个水果是：orange
```
四、`forEach()` 与 `for` 循环对比
| 特性 | `forEach()` | `for` 循环 |
| 语法 | 简洁，无需手动控制索引 | 需要手动管理索引 |
| 可读性 | 更高，适合简单遍历 | 低，但灵活度高 |
| 返回值 | 无返回值 | 可以控制循环流程 |
| 是否修改原数组 | 不会 | 可以通过修改数组内容来影响遍历 |
五、注意事项
1. `forEach()` 不能使用 `break` 或 `continue` 跳出循环。
2. 如果需要提前终止循环，可以使用 `return` 语句，但无法真正跳出循环。
3. 它不适用于对象，只适用于数组或类数组对象（如 `NodeList`）。
六、总结表格
| 项目 | 内容 |
| 方法名 | `forEach()` |
| 用途 | 遍历数组中的每个元素 |
| 参数 | `currentValue`, `index`, `array`（可选） |
| 是否修改原数组 | 否 |
| 返回值 | `undefined` |
| 是否支持跳过循环 | 否（只能用 `return`） |
| 适用对象 | 数组或类数组对象 |
| 优点 | 语法简洁，易于阅读 |
| 缺点 | 不支持 `break` 和 `continue` |
如果你正在学习 JavaScript，掌握 `forEach()` 是提升代码效率和可读性的关键一步。合理使用它可以让你的代码更加优雅和高效。
