for in和for of

for...in 和 for...of 是 JavaScript 中用于迭代对象和数组的两种不同的循环方式。

1. for...in 循环用于迭代对象的属性名。它遍历对象的可枚举属性，并将属性名逐一赋值给循环变量。

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

for (let prop in obj) {
  console.log(prop); // 输出 "a", "b", "c"
}

2. for...of 循环用于迭代可迭代对象的元素。它可以用于迭代数组、字符串、Set、Map 等。它将可迭代对象的每个元素逐一赋值给循环变量。

const arr = [1, 2, 3];

for (let num of arr) {
  console.log(num); // 输出 1, 2, 3
}

const str = "hello";

for (let char of str) {
  console.log(char); // 输出 "h", "e", "l", "l", "o"
}

需要注意的是，for...in 循环遍历的是对象的属性名，而 for...of 循环遍历的是对象的属性值。因此，在遍历数组时，for...in 循环会返回数组的索引，而 for...of 循环会返回数组的元素