JS 常用循环总结

1、for 循环

　最基本的循环，这里就不多作介绍了

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

 

2、for in 循环

　一般用于循环对象，如下：

    obj = {
        name: 'waq',
        age: 22,
        luck: 'come'
    }
    for (let i in obj){
        console.log(i,obj[i]);
    }

　当然也可以用来循环数组，但不推荐，主要是因为循环数组后得到的数组索引是 string 而不是 number，如果要在循环里面对索引进行计算就会出错，如下：

    var arr = [88,66];
    for (let i in arr){
        console.log(i,typeof i);
        console.log(i+=i);
    }

 

3、for of 循环

　ES6新增的循环方法，避免了for in的所有缺点，但是不能遍历对象。for of还有一个致命伤，没有索引。

    var arr = [88,66,'waq'];
    for (let i of arr){
        console.log(i);
    }

　还可以遍历字符串：

    var str = 'goodLuck';
    for (let i of str){
        console.log(i);//g o o d L u c k
    }

 

4、forEach 循环

　forEach 循环里面没办法使用 break 语句或使用 return 语句。而且在IE中无法实现，需要做兼容处理。传入的是一个函数。

    var arr = [88,66,'waq'];
    arr.forEach(function (value,index){
        console.log(value,index);
    })

 

5、map()循环

　不改变原数组但是会返回新数组，传入的是一个函数。

    var arr = [12,13,14];
    var newArr = arr.map(i=>{
        return i+=10;
    })
    console.log(arr);
    console.log(newArr);