JS中forEach跳出本次循环和终止循环

最新推荐文章于 2024-08-08 08:35:54 发布

ChinaLzw

最新推荐文章于 2024-08-08 08:35:54 发布

阅读量2.8k

点赞数 2

分类专栏： javascript

原文链接：https://blog.csdn.net/daoxiaofei/article/details/108690589

版权

javascript 专栏收录该内容

125 篇文章 2 订阅

订阅专栏

本文探讨了JavaScript中的forEach循环，特别指出在遇到特定条件时如何使用return语句和抛出异常来跳出循环。示例代码展示了当遍历数组遇到数字3时，如何阻止其输出。在try-catch结构中，通过抛出'EndLoop'异常可提前终止循环，但会引发控制台错误。若不希望看到错误提示，只需移除catch块中的异常重新抛出语句。

摘要由CSDN通过智能技术生成

可使用return语句跳出本次循环，执行下一次循环

var arr = [1,2,3,4,5,6] 
arr.forEach((item) => { 
	if (item === 3) { 
		return 
	} 
	console.log(item) 
})
将输出 1 2 4 5 6，3不会输出

forEach无法通过正常流程(如break)终止循环，但可通过抛出异常的方式实现终止循环

var arr = [1,2,3,4,5,6] 
try{
 arr.forEach((item) => { 
 	if (item === 3) { 
 		throw new Error('End Loop') } 
 		console.log(item) 
 	})
 } catch (e) { if(e.message === 'End Loop') throw e }
将只输出 1 2

注意：在catch语句块中加了if(e.message === ‘End Loop’) throw
e这句代码会在控制台报一个错误，这个错误是try语句块中抛出的，如下：

new_file.html:24 Uncaught Error: End Loop at new_file.html:24 at
Array.forEach () at new_file.html:22

如果不想看到这个报错，将if(e.message === ‘End Loop’) throw e这一句删除就行