【forof的用法与区别】在JavaScript中，`for...of` 是一个非常实用的循环结构，常用于遍历可迭代对象（如数组、Map、Set等）。它与传统的 `for...in` 循环有着明显的区别，特别是在处理不同数据类型时。本文将对 `for...of` 的用法进行总结，并通过表格对比其与其他循环结构的区别。
一、`for...of` 的基本用法
`for...of` 循环主要用于遍历可迭代对象（iterable），如数组、字符串、Map、Set、NodeList 等。它的语法如下：
```javascript
for (const element of iterable) {
// 处理每个元素
}
```
示例1：遍历数组
```javascript
const arr = [1, 2, 3];
for (const num of arr) {
console.log(num); // 输出 1, 2, 3
}
```
示例2：遍历字符串
```javascript
const str = "hello";
for (const char of str) {
console.log(char); // 输出 h, e, l, l, o
}
```
示例3：遍历 Map
```javascript
const map = new Map([
'a', 1],
|
