for、for...in、for...of、forEach的区别

for循环：

for(初始化变量;条件表达式;操作表达式){
       
           循环体语句;
       }

for...in循环：遍历数组或集合的

for(var 变量  in  数组名或集合名)  //变量中存放的数组或集合的索引
         {
            数组名[变量]
         }

for...of循环：遍历数组和集合

for(var 变量 of 数组名或集合名) //变量中存放的是数组或集合中的元素
         {
             console.log(变量);
         }

forEach循环：

arr.forEach(function(k){  //依次从数组中取出元素放在k中,然后将k作为参数传递给函数
         console.log(k);
       })

 从结构上来看就有很大的差异；

for...in循环和for...of循环相比，for...in循环遍历数据结构的键值，在数组中即是数组的下标；而for...of循环可以获取一对键值对中的值，简答来说就是可以获取数组内的值；

var arr = [{name:"张三"},{sex:"女"}];
    for(let i in arr){
        console.log(i);
    }
    for(let j of arr){
        console.log(j);
    };

 forEach循环对数组的每一个元素执行一次提供的函数（不能使用return、break等中断循环），不改变原数组，无返回值undefined

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

arr.forEach(element => {
        
        console.log(element *2);
        
    });
    console.log(arr);