foreach 跳出循环

我开始用的如下代码：

<script>
     var arr = [1,2,3,4,5];
     arr.forEach(item => {
         if (item === 2){
             return false
         }
       alert(item)
     })
</script>

可以看到，唯独没有弹出2这个选项，但是其他的都一一弹出来了，这个与我们想要的完全不符，因为我希望的是当item === 2 的时候，可以停止foreach的循环。

百度一下，发现有三种处理方式，下面一一介绍下：

第一种：

实用try...catch方式，代码如下：

<script>
    var arr = [1,2,3,4,5];
    try {
        arr.forEach(item => {
            if (item === 2){
                throw new Error("ending foreach");
            }
            alert(item)
        })
    } catch (e){
        console.log('catch error')
    }
</script>

第二种方式：

<script>
    var arr = [1,2,3,4,5];
    arr.every(item => {
        if (item === 2){
            return false
        } else {
            alert(item)
            return true
        }
        
    })
</script>

第三种方式：

<script>
var arr = [1,2,3,4,5];
arr.some(item => {
    if (item === 2){
        return true
    }
    alert(item)
})
</script>

最后选择了第二种方式，成功解决了这个问题。

标签： foreach 停止循环

赏