JavaScript 中的 for..of 循环340

简介
JavaScript 中的 for..of 循环是一种遍历可迭代对象的简单有效的方法。它允许您轻松获取对象中的每个元素或属性。这在处理数组、字符串、集合和映射等数据结构时特别有用。
语法
```javascript
for (variable of iterable) {
// 循环体
}
```
其中：
* variable：用于存储可迭代对象中的每个元素或属性的变量。
* iterable：要遍历的可迭代对象。这可以是数组、字符串、集合或映射。
工作原理
for..of 循环通过以下步骤工作：
1. 它创建一个名为 `iterator` 的内部迭代器对象。
2. 迭代器指向可迭代对象的第一个元素或属性。
3. 循环执行循环体，并将当前元素或属性的值存储在 `variable` 中。
4. 然后，迭代器指向可迭代对象的下一个元素或属性。
5. 循环重复步骤 3 和 4，直到迭代器到达可迭代对象的末尾。
示例
遍历数组：
```javascript
const numbers = [1, 2, 3, 4, 5];
for (const number of numbers) {
(number);
}
```
输出：
```
1
2
3
4
5
```
遍历字符串：
```javascript
const str = 'JavaScript';
for (const char of str) {
(char);
}
```
输出：
```
J
a
v
a
S
c
r
i
p
t
```
遍历集合：
```javascript
const set = new Set([1, 2, 3, 4, 5]);
for (const value of set) {
(value);
}
```
输出：
```
1
2
3
4
5
```
遍历映射：
```javascript
const map = new Map([
['name', 'John'],
['age', 30],
['city', 'New York']
]);
for (const [key, value] of map) {
(`${key}: ${value}`);
}
```
输出：
```
name: John
age: 30
city: New York
```
优点
for..of 循环与传统的 for 循环相比具有以下优点：
* 简化语法：它消除了需要手动管理索引和手动更新迭代器的麻烦。
* 便利：它提供了遍历可迭代对象的简单便捷的方法。
* 通用性：它可以遍历各种可迭代对象，包括数组、字符串、集合和映射。
* “活”循环：它在遍历可迭代对象时执行 “活” 循环，这意味着它可以处理动态变化（例如，添加或删除元素）。
注意事项
* for..of 循环不会修改可迭代对象。
* for..of 循环按插入顺序遍历可迭代对象。这意味着对于映射，它不会按键顺序遍历。
* for..of 循环不能用于遍历包含重复值的集合。
* for..of 循环不能用于遍历对象。如果您需要遍历对象的键或值，请使用 `()` 或 `()`。
结论
for..of 循环是 JavaScript 中遍历可迭代对象的强大且高效的方法。它的简化语法、便利性和通用性使其成为处理数据结构的理想选择。通过了解其工作原理和注意事项，您可以有效地利用 for..of 循环来增强您的代码。

2025-01-12

---

上一篇：JavaScript 手册：初学者和专业开发者的全面指南

下一篇：JavaScript 引用类型深探