js中for in 和for of

在 JavaScript 中，`for...in` 和 `for...of` 是用于遍历数据的两种不同的循环结构。

`for...in` 循环用于遍历对象的可枚举属性。它会迭代对象的所有可枚举属性（包括原型链上的属性），并将每个属性的键（key）存储在变量中。这个循环适用于遍历对象，而不是数组或类似数组的结构。

以下是 `for...in` 循环的语法：

for (variable in object) {
  // statements
}

示例：

const obj = { a: 1, b: 2, c: 3 };

for (let key in obj) {
  console.log(key); // 输出：a, b, c
  console.log(obj[key]); // 输出：1, 2, 3
}

`for...of` 循环用于遍历可迭代对象（如数组、字符串、Set、Map 等）。它会迭代对象中的每个元素，并将每个元素的值存储在变量中。这个循环适用于遍历有序集合。

以下是 `for...of` 循环的语法：

for (variable of iterable) {
  // statements
}

示例：

const arr = [1, 2, 3];

for (let value of arr) {
  console.log(value); // 输出：1, 2, 3
}

需要注意的是，`for...of` 循环在遍历对象时无法直接使用，因为对象不是可迭代对象。如果要遍历对象的属性，可以使用 `Object.keys()` 方法或结合 `for...in` 循环来实现。