一文详解如何跳出map或者foreach循环

 更新时间:2023年11月21日 10:46:07   作者:牛牪犇0  
javascript中的遍历方法有很多,今天主要总结一下这些遍历方法如何跳出循环,这篇文章主要给大家介绍了关于如何跳出map或者foreach循环的相关资料,需要的朋友可以参考下

前言

forEach()和map() 是Array 数组对象提供的循环数组的方法。不能像js循环表达式那样使用break 、‘continue’
等结束循环语句。

那么在forEach() 和 map()方法中如何终止循环和跳出本次循环呢?

跳出本地循环

在foreach和map函数里使用的 return 来实现跳出本次循环。以foreach 循环为例:

var arr = [1,2,3];
    var newArr = []
    arr.forEach((item,index) =>{
        //下标小于2时,直接return之后,不执行后面的push。
           if(index<2) {
            return item
        }
        newArr.push(item)
    })
    console.log(newArr)  // [3] //结果只有3

终止循环

在foreach和map函数里使用的 throw 抛出异常来实现跳出本次循环(强制退出,非必要不建议)。以foreach 循环为例:

var arr = [1,2,3]
var newArr = []
arr.forEach((item,index)=>{
    try{
        if(index > 1) {
            throw new Error('文本小于2')
        }
        newArr.push(item)
    }catch (e){
        // throw e
    }
})
console.log(newArr) [1,2]

附:for循环里return和break的区别

1)return和break的应用场景

  • return只能在for循环外有一层作用域(通常是函数)的时候才能用,因为for循环自己是没有作用域的。
  • break外边有没有函数都可以,break只是针对该循环本身而言

2)return和break的使用区别(外层都有函数作用域)

  • 单层循环:二者都可以跳出该函数
  • 多层循环:
return  返回所有的for循环内部结构
break   只跳出当前的for循环
// https://blog.csdn.net/weixin_38098192/article/details/84345494

总结 

到此这篇关于如何跳出map或者foreach循环的文章就介绍到这了,更多相关跳出map或foreach循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论