for in 和for of区别

在 JavaScript 中，for...in 和 for...of 是两种循环语句，用于迭代数组或对象的元素。它们的用法和行为有一些区别。

1. for...in 循环：
for...in 循环用于迭代对象的可枚举属性。它会遍历对象的所有可枚举属性，包括自身的属性和继承的属性。语法如下：

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

在循环体中，你可以通过 variable 获取到当前迭代的属性名。

示例：

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
}

2. for...of 循环：
for...of 循环用于迭代可迭代对象（如数组、字符串、Set、Map等）的元素值。它会遍历对象的可迭代部分，而不包括对象的属性。语法如下：

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

在循环体中，你可以通过 variable 获取到当前迭代的元素值。

示例：

const arr = [1, 2, 3];
for (let value of arr) {
  console.log(value); // 输出元素值：1, 2, 3
}

const str = "Hello";
for (let char of str) {
  console.log(char); // 输出字符：H, e, l, l, o
}

总结：
- for...in 循环用于迭代对象的属性名，可以遍历对象的可枚举属性。
- for...of 循环用于迭代可迭代对象的元素值，可以遍历数组、字符串等可迭代对象。

希望这个解答对你有帮助！如果你还有其他问题，请随时提问。