在现代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`的使用，可以大大提升我们的编程效率。