for、foreach、for in、for of 的区别

for

javascript 中的 for 循环，用来遍历数组

foreach

foreach 循环可以直接取到元素，同时也可以取到 index 值。但是 foreach 的局限是，不能 continue 跳过或者 break 终止循环。

let arr = [1,2,3,4];
arr.forEach(function (item, index, arr) {
    // item是当前元素，index是当前索引值，arr是当前元素所属的数组对象
    console.log("当前元素： " + item + " 当前元素的索引值: " + index);
    console.log("当前元素所属的数组对象: " + arr )
})
// 当前元素： 1 当前元素的索引值: 0
// 当前元素所属的数组对象: 1,2,3,4
// 当前元素： 2 当前元素的索引值: 1
// 当前元素所属的数组对象: 1,2,3,4
// 当前元素： 3 当前元素的索引值: 2
// 当前元素所属的数组对象: 1,2,3,4
// 当前元素： 4 当前元素的索引值: 3
// 当前元素所属的数组对象: 1,2,3,4

for in

for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性

可用于遍历数组和对象，只能获取对象的键名，不能获取键值

• 遍历数组时，item 表示索引值，arr 表示当前索引值对应的元素 arr [ item ]
• 遍历对象时，item表示key值，arr 表示 key 值对应的 value 值 obj [ item ]

for in 一般循环遍历的都是对象的属性，遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性

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