为什么for-each有效，但是for...of..。不是吗？

for-each和for...of是两种不同的循环语法，它们在不同的场景下有不同的应用。

for-each是一种用于遍历数组或类数组对象的循环语法。它可以遍历数组中的每个元素，并对每个元素执行相同的操作。for-each循环的语法如下：

array.forEach(function(element) {
  // 执行操作
});

for-each循环的优势在于它简洁明了，易于理解和使用。它适用于需要对数组中的每个元素执行相同操作的情况。例如，计算数组中所有元素的总和或平均值，或者对数组中的每个元素进行格式化等。

然而，for-each循环有一些限制。它无法中断或跳出循环，也无法直接访问数组的索引。此外，它也不能用于遍历普通对象的属性。

相比之下，for...of是一种用于遍历可迭代对象（如数组、字符串、Set、Map等）的循环语法。它可以遍历对象中的每个元素，并对每个元素执行相同的操作。for...of循环的语法如下：

for (let element of iterable) {
  // 执行操作
}

for...of循环的优势在于它可以遍历各种类型的可迭代对象，包括数组、字符串、Set、Map等。它提供了更灵活的遍历方式，并且可以使用break和continue语句中断或跳出循环。此外，它还可以通过解构赋值的方式获取元素的值和索引。

然而，for...of循环也有一些限制。它无法直接遍历普通对象的属性，需要通过将对象转换为可迭代对象（如Object.keys(obj)）来实现。此外，for...of循环在某些情况下可能会比for-each循环稍微慢一些，因为它需要进行迭代器的创建和管理。

综上所述，for-each和for...of是两种不同的循环语法，各自适用于不同的场景。for-each适用于遍历数组或类数组对象，并对每个元素执行相同操作；而for...of适用于遍历可迭代对象，并对每个元素执行相同操作。在选择使用哪种循环语法时，需要根据具体的需求和数据类型进行选择。