js中for，for of 和for in的区别

for循环是一种通用循环语句，可以用于遍历数组和对象的属性。for循环使用一个计数器，并在每次迭代中递增或递减计数器。

for of循环是ES6引入的一种新的循环语句，用于遍历可迭代对象，如数组、字符串、Map、Set等。它遍历的是对象的属性值，而不是属性名或索引。

for in循环也是一种用于遍历对象属性的循环语句。但是，它遍历的是对象的属性名或键名，而不是属性值。此外，for in循环会遍历对象原型链上的属性，因此可能会遍历到一些不希望遍历的属性。

因此，三者的主要区别在于遍历的对象不同，for循环可以遍历数组和对象的属性，for of循环遍历可迭代对象的属性值，for in循环遍历对象的属性名或键名。

相关问题

js中for in 和for of的区别

在JavaScript中，`for...in`和`for...of`是两种不同的循环结构，用于遍历集合或数组中的元素。它们在使用方式和遍历对象上有一些不同之处。

1. `for...in`循环：
- 用于遍历对象的属性，而不是数组或集合的元素。
- 循环变量表示的是对象的属性名称或键。
- 循环过程中会遍历所有可枚举的属性，包括继承自原型链的属性。
- 循环顺序是不确定的，可能不按照属性的顺序进行遍历。

示例：

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

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

2. `for...of`循环：
- 用于遍历可迭代对象（如数组、字符串、Set、Map等）的元素。
- 循环变量表示的是集合中的每个元素本身。
- 循环过程中只会遍历集合自身的元素，不会包括原型链上的属性或方法。
- 循环顺序是有序的，按照集合元素的顺序进行遍历。

示例：

   let arr = [1, 2, 3];

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

总结：
- `for...in`适用于遍历对象的属性。
- `for...of`适用于遍历可迭代对象的元素。
- `for...in`遍历属性，`for...of`遍历元素。

js中forin和forof区别

for...in循环可以遍历对象的属性名称，包括原型链上的属性，而for...of循环只能遍历可迭代对象（例如数组、字符串、Map、Set等）的值。

示例：

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

// for...in循环遍历对象的属性名
for (const key in obj) {
  console.log(key); // 输出 a 和 b
}

// for...of循环遍历数组的值
const arr = [1, 2];
for (const value of arr) {
  console.log(value); // 输出 1 和 2
}

注意：for...of循环不可以遍历普通对象，因为普通对象不是可迭代对象。