JavaScript 中的 `for` 和 `of` 循环都是用于遍历数据结构的语法结构。然而，它们在语法和用途上却有着不同的区别。

JavaScript 中 for 和 of 循环的用法区别

for 循环

`for` 循环使用以下语法：

```javascript for (let i = 0; i < arr.length; i++) { // 循环体 } ```

其中：

`let i = 0`：声明循环变量并将其初始化为 0。 `i < arr.length`：循环终止条件，当 `i` 大于或等于数组 `arr` 的长度时循环停止。 `i++`：每次循环后递增循环变量。 `// 循环体`：包含要执行的循环代码。

`for` 循环可以用于遍历任何带有 length 属性的数据结构，如数组、字符串或对象。

of 循环

`of` 循环使用以下语法：

```javascript for (let element of arr) { // 循环体 } ```

其中：

`let element`：声明循环变量并将其初始化为数组 `arr` 中的当前元素。 `of arr`：指定要遍历的数据结构，即数组 `arr`。 `// 循环体`：包含要执行的循环代码。

`of` 循环专用于遍历可迭代对象，如数组、字符串、对象或任何实现了 Symbol.iterator 方法的对象。

用法区别

索引访问 vs. 值访问：`for` 循环使用索引来访问数据结构中的元素，而 `of` 循环直接获取元素的值。 终止条件：`for` 循环的终止条件是基于索引，而 `of` 循环的终止条件是当迭代器返回 `done: true`。 可变性：`for` 循环中的循环变量可以修改，而 `of` 循环中的元素值是只读的。 性能：一般来说，`for` 循环在遍历大型数组时性能更好，而 `of` 循环在遍历对象时性能更好。

选择正确的循环

选择 `for` 还是 `of` 循环取决于需要遍历的数据结构和所需的访问方式。