for of与for in的区别

for...of是ES6中新增的循环语法，用于遍历可迭代对象（例如数组、字符串、Map等）中的元素，它会遍历对象的属性值（values），而不是属性名（keys）。例如：

const arr = [1, 2, 3];
for (const value of arr) {
  console.log(value);
}
// Output: 1, 2, 3

for...in是遍历对象属性的一种方式，它可以遍历对象的可枚举属性（包括自身和继承来的属性），但不包括Symbol类型的属性和不可枚举属性。例如：

const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key, obj[key]);
}
// Output: a 1, b 2

总之，for...of用于遍历可迭代对象中的元素，for...in用于遍历对象的属性。