js中forin 和for each 的用法

javascript 中 for...in 和 for...of 循环用于遍历数据结构。for...in 循环遍历对象的属性，返回属性名，而 for...of 循环遍历可迭代对象，返回元素值。

JavaScript 中 for...in 和 for...of 循环

JavaScript 中，for...in 和 for...of 是两种常见的循环语句，用于遍历对象和数组等数据结构。

for...in 循环

for...in 循环用于遍历对象的属性。其语法如下：

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

其中，variable 是一个变量，用于存储遍历到的属性名，object 是要遍历的对象。

for...of 循环

for...of 循环用于遍历数组、Set 和 Map 等可迭代对象。其语法如下：

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

其中，variable 是一个变量，用于存储遍历到的元素，iterable 是要遍历的可迭代对象。

两者之间的区别

• 遍历的目标： for...in 遍历对象的属性，而 for...of 遍历可迭代对象的元素。
• 返回的值： for...in 返回属性名，而 for...of 返回元素值。
• 遍历顺序： for...in 的遍历顺序是不确定的，而 for...of 的遍历顺序与数据的插入顺序一致。

使用场景

一般来说，当需要遍历对象的属性时，使用 for...in 循环；当需要遍历数组、Set 或 Map 等可迭代对象时，使用 for...of 循环。