[JS]forEach循环return无法跳出

最新推荐文章于 2024-11-26 10:08:14 发布

原创最新推荐文章于 2024-11-26 10:08:14 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

实用技术相关专栏收录该内容

19 篇文章

订阅专栏

本文介绍了在JavaScript中如何在数组循环中返回值，指出forEach方法中直接使用return无法跳出循环的问题。提出了三种解决方案：1) 使用for循环，既能返回值也能跳出循环；2) 利用some方法，返回一个boolean值并终止循环；3) 使用every方法，但需要注意其在不符合条件时会提前结束循环。示例代码详细展示了这三种方法的用法。

前言

习惯使用forEach循环数组，今天需要返回值，突然发现forEach中使用return无法跳出循环。
PS：return 只能出现在函数体中，也就是在 function中或者 {}中，直接写在循环中会报错Uncaught SyntaxError: Illegal return statement。

解决方案

var list = [1,2,3,4,5];

①使用for循环，既可以返回需要的值，也可以跳出循环；（推荐）

{
	for(var i=0;i<list.length;++i){
 		if(list[i]==3)return list[3];//返回3
	}
}

②使用some()，返回一个boolean，为true时跳出循环。

{
	list.some(it=>{
		if(it==3)return it;//返回值为true，并跳出循环
	})
}

~~③使用every()，返回一个boolean，return false时结束循环~~
every准确来说不能用作循环，因为它是对数组的数据进行检测，如果有一个为false，则返回false，如果都符合那么返回true，如果没有返回值，循环第一个数就会停止。

如下代码，由于 1 不等于 3 ，没有返回值，所以遍历到1就会结束。可以在后边加上 else return true;

// 错误演示
{
	list.every(it=>{
		/**不会跳出，因为it不为false？
		 * 在最开始it为1时就会跳出,因为1不等于3
		 * 这个方法把我整懵了，
		 * 知道了，看上边描述
		 */
		if(it==3)return it;
	})
}

// 这样循环
{
	list.every(it=>{
		if(it==3)return false;
		else return true;
	})
}