JavaScript 如何跳出（终止）forEach 循环

原创

泯泷、

发布于 2024-03-11 01:16:59

2070

发布于 2024-03-11 01:16:59

在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循环，效果与 for 中 continue 一样，但是该方法无法一次结束所有循环。

如果直接使用 continue 或者 break 还会报错，如下所示：

[1,2,3].forEach(()=>{
    break;
})
// SyntaxError: Illegal break statement

即解释器无法确定break出去之后的位置。

[1,2,3].forEach(()=>{
    continue;
})
// SyntaxError: Illegal continue statement: no surrounding iteration statement

即语句并不在迭代语句内，不知道下一次循环在哪。

所以，不要将forEach语句等同for看待，那么我们来看看如何操作可以跳出循环：

跳出本次循环

forEach 跳出本次循环，使用return

    [1,2,3].forEach(function(item,index){
        if(item == 2){
            return
        }
        console.log(item)
    })

跳出整个循环

forEach 跳出整个循环，需要抛出异常，并且哪里捕获哪里之后再继续执行，例如：

try {
    [1,2,3].forEach(function(item,index){
        if(item == 2){
            thorw new Error(); //结束循环
        }
    })
} catch(e) {

}

跳出嵌套循环

try {
    [1, 2, 3, 4, 5].forEach(function (item, index) {

        try {
            [1, 2, 3, 4, 5].forEach(function (item, index) {
                if (item === 3) {
                    throw new Error(); //抛出异常
                }
            })
        } finally {
        }//try不能单独存在
        //内层的catch不能存在，不然会捕获异常，只结束内层forEach
    })
} catch (e) { //在最外层捕获异常，可结束整个嵌套循环

}