JavaScript 循环中断研究与终结，前端 er 必背！

年前最后一天上班能写博客的都是anglebaby。你可能会看晕，文章最后有总结，拿好不送

一： for

1.break:

var arr = [1,2,3];
var len = arr.length;

// for break
for(var i = 0; i < len; i += 1){
    for(var j = 0; j < 3; j++){
        if(j === 1){
            break;
        }
        console.log(arr[i]+'-'+j);
    }
}

for break

:)如果不加label标记，break退出当前循环，也就是第二层循环。

2.continue:

var arr = [1,2,3];
var len = arr.length;

// for continue
for(var i = 0; i < len; i += 1){
    for(var j = 0; j < 3; j++){
        if(j === 1){
            continue;
        }
        console.log(arr[i]+'-'+j);
    }
}

for continue

:)如果不加label标记，continue停止当前循环的执行，继续下一次循环（都是针对第二层）
tips:for循环里不能有return！

二：forEach

1.return false:

var arr = [1,2,3];

arr.forEach(function(value,index) {
    if(index === 1){
        return false;
    }
    console.log(arr[index])
});

forEach return false

:)结束本次循环，进入下一次循环
1.return true:

var arr = [1,2,3];

arr.forEach(function(value,index) {
    if(index === 1){
        return true;
    }
    console.log(arr[index])
});

forEach return true

:)结束本次循环，进入下一次循环
tips:forEach循环里不能有break||continue！

三：Array.map

map和forEach差不多，区别是map的返回值是一个数组

四： for...in

1.break || continue

var arr = [1,2,3];

for(var i in arr){
    if(i === 1){
        break
    }
    console.log(i)
}

for...in break

:)for...in break或者continue对遍历无影响，当有return时会报错！

五： for...of

1.break

var arr = [1,2,3];

for(var i of arr){
    if(i === 2){
        break
    }
    console.log(i)
}

for...of break

:)for...of 跳出当前循环，和for类似，
需要注意的是这里的 i 是arr的value而不是index
1.continue

var arr = [1,2,3];

for(var i of arr){
    if(i === 2){
        continue
    }
    console.log(i)
}

for...of continue

:)for...of 结束本次循环，和for类似，
tips:for...of循环里不能有return！第一个参数是值

六： $.each()

1.return false

var arr = [1,2,3];

$.each(arr,function(index,value){
    if(index === 1){
        return false;
    }
    console.log(value);
})

$.each return false

:)跳出本次循环！
1.return true

var arr = [1,2,3];

$.each(arr,function(index,value){
    if(index === 1){
        return true;
    }
    console.log(value);
})

$.each return true

:)结束本次循环！
tips:$.each循环里不能有break||continue！

大爷，上楼坐坐吧，哦不对，场景乱入。你是不是晕了，不用担心，我写着写着也晕了，特此终结：

(1) for：当没有label标记时候，break跳出本次循环并执行循环体后的代码，continue结束本次循环执行下一次循环。没有return。
(2) Array.forEach：遍历整个数组，return false或者true都是结束本次循环执行下一次循环。没有break || continue。
(3) Array.map：map和forEach类似，有返回值，返回结果是return 值组成的数组。
(4) for...in：会忽略break || continue。没有return。
(5) for...of：break跳出本次循环并执行循环体后的代码，continue结束本次循环执行下一次循环，和for一样。注意：for(var v in arr)v是数组值！。
(6) Jquery.each： return false跳出本次循环并执行循环体后的代码；return true结束本次循环执行下一次循环。没有break || continue。

深渊给了我们仇恨的眼睛，我会用它去看透黑暗的尽头 —— 卫庄