for循环

for  each循环:

forEach循环有一个缺点:你不能中断循环(使比如说用break语句或使用return语句)

 用法:var arr = [44,9,11,22,33,55,66];

        arr.forEach(function(ele,index){

            console.log("forEach用法 "+arr[index]+"-----"+ele);

        });

例如:var 长方形= {  高:"15",  宽:"25"  };

        for (var i in 长方形){

        alert( i + "," + 长方形[i] );
    }结果依次是:  高,15  ;    宽,25 ;

for...in循环:

索引为字符串 ,无顺序(通常用于对象或json中) ,扩展属性也会遍历 

用法:// for in 遍历需要两个形参 ,index表示数组的下标(可以自定义),arr表示要遍历的        //数组

       var arr = [44,9,11,22,33,55,66];

      for(var index in arr){

                console.log("for...in用法 "+arr[index]);

        }

例如:for each (var i in 长方形){
        alert( i + "," + 长方形[i] );
    }
    结果依次是: 15, undefined ;    25, undefined;
 
for ...of:

这是最简洁、最直接的遍历数组元素的语法,这个方法避开了for-in循环的所有缺陷,与forEach()不同的是,它可以正确响应break、continue和return语句,

能数组,set,map,不能遍历对象.

用法:var arr = ['q','w','e'];
    for(var v of arr){
        console.log(v);
    }

例如: function foo(){ for(var i of arguments){
            console.log(i)
        }
    }
    foo(1,2,3,4);

 
原文地址:https://www.cnblogs.com/liyifeng0528/p/9940495.html