JavaScript 中 for...in 和 for...of 循环用于遍历数据结构。for...in 循环遍历对象的属性，返回属性名，而 for...of 循环遍历可迭代对象，返回元素值。
JavaScript 中 for...in 和 for...of 循环
JavaScript 中，for...in 和 for...of 是两种常见的循环语句，用于遍历对象和数组等数据结构。
for...in 循环
for...in 循环用于遍历对象的属性。其语法如下：
<code>for (variable in object) {
// 循环体
}</code>其中，variable 是一个变量，用于存储遍历到的属性名，object 是要遍历的对象。
for...of 循环
for...of 循环用于遍历数组、Set 和 Map 等可迭代对象。其语法如下：
<code>for (variable of iterable) {
// 循环体
}</code>其中，variable 是一个变量，用于存储遍历到的元素，iterable 是要遍历的可迭代对象。
两者之间的区别
-
遍历的目标：
for...in遍历对象的属性，而for...of遍历可迭代对象的元素。 -
返回的值：
for...in返回属性名，而for...of返回元素值。 -
遍历顺序：
for...in的遍历顺序是不确定的，而for...of的遍历顺序与数据的插入顺序一致。
使用场景
一般来说，当需要遍历对象的属性时，使用 for...in 循环；当需要遍历数组、Set 或 Map 等可迭代对象时，使用 for...of 循环。
