For of/for in的区别

"for of"和"for in"都是JavaScript中的迭代器，但它们的用途不同。

"for of"用于迭代可迭代对象的值，例如数组、字符串等。

例如：

const arr = [1, 2, 3];

for (const value of arr) {
  console.log(value); // 1, 2, 3
}

const str = "hello";

for (const char of str) {
  console.log(char); // h, e, l, l, o
}

"for in"用于迭代对象的属性名称，例如对象的键。

例如：

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

for (const key in obj) {
  console.log(key); // a, b, c
}

需要注意的是，"for in"迭代的是对象的属性名称，而不是属性的值。因此，如果需要获取属性的值，需要使用对象的[key]语法。

例如：

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

for (const key in obj) {
  console.log(obj[key]); // 1, 2, 3
}