在现代JavaScript开发中，`for...of`循环是一个非常实用的功能，它简化了我们遍历数组或字符串的过程。不同于传统的`for`循环和`forEach`方法，`for...of`提供了一种更简洁、更直观的方式来处理数据集合。
🚀 基本语法
```javascript
for (variable of iterable) {
// do something with variable
}
```
这里的`iterable`可以是任何可迭代的对象，如数组、字符串等。
🌈 数组遍历
```javascript
const fruits = ["apple", "banana", "cherry"];
for (let fruit of fruits) {
console.log(fruit);
}
// 输出:
// apple
// banana
// cherry
```
🌟 字符串遍历
```javascript
const message = "Hello World";
for (let char of message) {
console.log(char);
}
// 输出每个字符
```
🔧 Map对象
`for...of`也可以用于遍历`Map`对象的键值对。
```javascript
const myMap = new Map();
myMap.set("name", "Alice");
myMap.set("age", 25);
for (let [key, value] of myMap) {
console.log(key + ": " + value);
}
// 输出:
// name: Alice
// age: 25
```
通过上述示例，我们可以看到`for...of`循环不仅使代码更加简洁，还增强了代码的可读性和易维护性。在日常开发中，熟练掌握`for...of`的使用，可以大大提升我们的编程效率。
