for of与foreach的区别

`for...of` 和 `forEach` 都是 JavaScript 中遍历数组或其他可迭代对象（如字符串、Map、Set等）的常用方法，但它们之间有以下几个关键区别：

1. **语法结构**：
- `for...of`：这是一种更简洁的迭代语法，适合于简单的遍历。例如：

     for (const item of array) {
       // 处理每个元素
     }

- `forEach`：它是 Array 对象的一个内置方法，语法稍微复杂些：

     array.forEach(function(item) {
       // 处理每个元素
     });

2. **可读性**：
- `for...of` 更直观易懂，特别是对于初学者，因为它直接展示了正在遍历的数据。
- `forEach` 的回调函数形式可能对某些人来说略显冗余。

3. **返回值**：
- `for...of` 循环本身并不返回任何值，它只用于逐个处理元素。
- 而 `forEach` 方法会在回调函数完成时自动返回 `undefined`，通常我们不会关心这个返回值，但在某些场景下可能会用到。

4. **兼容性**：
- `for...of` 是 ES6 新增的特性，一些旧版本的浏览器可能不支持。
- `forEach` 是标准库的一部分，在所有现代浏览器和Node.js环境中都可用。

5. **用途**：
- `for...of` 主要用于简单遍历，以及在循环中使用变量。
- `forEach` 除了遍历外，还可以作为副作用（比如修改数组元素）操作，因此它的功能更为全面。

总结来说，`for...of` 更加简洁直观，适用于轻量级的遍历；`forEach` 由于其灵活性和更多的功能，更适合复杂场景。