一文详解如何跳出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循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了js中hash和ico的关联分析,以实例形式分析了location.hash与ico的加载顺序关系,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
使用js实现一个页面浮层效果，用js读写cookie来实现用户关闭广告的显示状态，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
weixin-java-miniapp微信小程序登陆具体实现
这篇文章主要介绍了weixin-java-miniapp微信小程序登陆具体实现的相关资料,包括用户授权、获取code、发送到后台、后台验证并获取openid和session_key、返回验证结果等步骤,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了JS实现指定区域的全屏显示功能,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-04-04
这篇文章主要给大家介绍了关于js获取浏览器地址（获取第1个斜杠后的内容）的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要为大家详细介绍了Openlayers实现距离面积测量，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
有一个多行字符串，每行开头会用空格来表示它的层级关系，每间隔一层它的空格总数为2，如何将它转为json格式的树型数据？本文就跟大家分享下这个算法2022-09-09
下面小编就为大家带来一篇js封装成插件_Canvas统计图插件编写实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家详细介绍了javascript实现点击文本框显示日期选择器特效，提高了工作效率，推荐给大家，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
最新评论