for in 、for of 、 for 循环 和 forEach 的区别

 for ... in ..

 var obj = {
     'name': '小黄',
     'age': 12,
     'gender': '女'
 }

 for (const key in obj ) {
     console.log(key)
 }

打印结果如下:打印的是对象的key,也可以打印数组,打出的是数组的index 

for ... of  ...

var arr = [1,2,3,4]

for (const value of arr ) {
    console.log(value)
 }

打印结果如下:打印的是数组的每一项;

 for 循环 

var arr = [1, 2, 3, 4]

for (var i = 0; i < arr.length; i++;) {
    console.log(i)
}

 打印结果如下:打印的是数组的索引,index

 forEach 遍历数组

 var arr = [1, 2, 3, 4]

 arr.forEach ((item,index)=>{
    console.log(item,index)
 })

 打印结果如下:第一个参数是数组的每一项,第二个参数是数组的索引

 总结:

for in 遍历的是对象的 key 值,数组就是遍历的数组下标
for of 是遍历的数组每一项

for循环遍历的是数组的下标

forEach  会遍历数组中的所有值，并忽略回调函数的返回值，也就是，没有返回的是undefined