揭开 JavaScript 中循环结构的奥秘：for、for in、for of、forEach、set 和 Map

2023-10-16 14:38:55

在 JavaScript 中，循环是用来迭代可迭代对象并执行特定操作的重要构建模块。有多种循环结构可供选择，每种结构都有其独特的用途和优点。本文将深入探讨 JavaScript 中最常见的循环结构，包括 for、for in、for of、forEach、set 和 Map，揭示它们的差异和最佳使用场景。

1. for 循环

for 循环是一种用于迭代数组和其他可迭代对象的传统循环结构。它使用三个表达式：初始化表达式、条件表达式和后更新表达式。for 循环的语法如下：

for (initialization; condition; post-iteration) {
  //循环体
}

2. for in

for in 循环专用于遍历对象的属性。它返回属性名，而不是属性值。for in 循环的语法如下：

for (property in object) {
  //循环体
}

3. for of

for of 循环是 ES6 中引入的，用于遍历可迭代对象的元素。它返回元素本身，而不是索引或属性名。for of 循环的语法如下：

for (element of iterable) {
  //循环体
}

4. forEach

forEach 是一种高级循环方法，它对数组和类数组对象进行迭代。它使用回调函数对每个元素执行操作，但不会返回任何值。forEach 方法的语法如下：

array.forEach(callbackFunction(element, index, array))

5. set

Set 是一个无序且唯一值的集合。它提供了一些有用的方法来操作集合，包括添加、删除、查找和遍历。Set 的语法如下：

const mySet = new Set()

6. Map

Map 是一个键值对集合。它提供了一些有用的方法来操作键值对，包括添加、删除、查找和遍历。Map 的语法如下：

const myMap = new Map()

比较

| 特性 | for | for in | for of | forEach | set | Map |
|---|---|---|---|---|---|
| 可迭代对象 | 数组、可迭代对象 | 对象 | 可迭代对象 | 数组 | 集合 | 键值对 |
| 返回值 | 元素 | 属性名 | 元素 | 无 | 无 | 无 |
| 性能 | 较慢 | 较快 | 最快 | 较快 | 最快 | 最快 |
| 用途 | 一般循环 | 对象属性遍历 | 可迭代对象遍历 | 数组遍历 | 集合操作 | 键值对操作 |

最佳实践