js for of 和 for in 的区别

当遍历数组或者对象时，JavaScript提供了两种不同的循环方式：for...of和for...in。它们的区别如下：

1. for...of循环：
- 用于遍历可迭代对象（如数组、字符串、Set、Map等）中的元素。
- 循环变量直接获取每个元素的值，而不是索引或键。
- 不支持遍历普通对象（非可迭代对象）。

2. for...in循环：
- 用于遍历对象的可枚举属性（包括自身属性和继承属性）。
- 循环变量获取的是每个属性的键名（字符串类型）。
- 可以遍历普通对象的属性，也可以遍历数组或类数组对象的索引。

示例代码如下：

// for...of循环示例
const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}

// for...in循环示例
const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  console.log(key);
}