for in for of foreach map的区别

在JavaScript中，`for`, `for...of`, 和 `forEach` 都是用来遍历数组或类似结构的不同语法。

1. **for循环** (for-in): 这种循环通常用于枚举对象的所有可枚举属性，包括继承的属性。例如：

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

但它并不适用于数字索引的数组，因为它们没有像`keys`这样的内置属性。

2. **for...of循环**: 特定于迭代器协议，主要用于遍历可迭代对象（如数组、字符串等），可以逐个元素地访问：

   let arr = [1, 2, 3];
   for (let value of arr) {
     console.log(value);
   }

3. **forEach方法**: 是数组自带的一个遍历方法，对数组每个元素执行一次回调函数：

   arr.forEach(function(item, index, array) {
     console.log(item, index);
   });

它同样不适用于非数组对象，而`for-of`和`for...in`则可以在更广泛的上下文中应用。