JavaScript 中 for...in 和 for...of 循环的区别

for...in 循环用于迭代对象的属性，而 for...of 循环用于迭代可迭代对象（例如数组、字符串、Map、Set 等）中的值。

for...in 循环返回对象的属性名称，而 for...of 循环返回对象的属性值。

for...in 循环可以迭代继承的属性，而 for...of 循环不会。

for...in 循环的顺序不保证是按照属性在对象中的顺序，而 for...of 循环的顺序是按照可迭代对象中的值的顺序。

示例代码：

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

// for...in 循环
for (let prop in obj) {
  console.log(prop); // 输出属性名 'a', 'b', 'c'
}

let arr = [1, 2, 3];

// for...of 循环
for (let value of arr) {
  console.log(value); // 输出数组中的值 1, 2, 3
}