Vue进阶(幺零七):arr.forEach() 跳出循环

Vue进阶(幺零七):arr.forEach() 跳出循环我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环。使用break将会报错:vararr=[1,2,3,4,5];varnum=3;arr.forEach(function(v){if(v==num){break;}console.log(v);});使…

大家好,又见面了,我是你们的朋友全栈君。


一、前言

我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环。

使用break将会报错:

var arr = [1,2,3,4,5];
var num = 3;
arr.forEach(function(v){ 
   
	if(v == num) { 
   
		break;
	}
	console.log(v);
});

使用return也不能跳出整个循环:

var arr = [1,2,3,4,5];
var num = 3;
arr.forEach(function(v){ 
   
	if(v == num) { 
   
		return;
	}
	console.log(v);
});

那么在用forEach()遍历数组时要如何才能跳出循环呢?经过查找资料后,找到以下两种方法可以实现跳出循环。

二、应用 try···catch 捕获异常实现

try{ 
   
	var array = ["first","second","third","fourth"];
	array.forEach(function(item,index){ 
   
		if(item === "third"){ 
   
			var a = aaaa;// first second 后就报错,就跳出循环了
			throw new Error("ending");//报错,就跳出循环
		}else{ 
   
			log(item);
		}
	})
}catch(e){ 
   
	if(e.message == "ending"){ 
   
		log("结束了") ;
	}else{ 
   
		log(e.message);
	}
}

三、应用 arr.some() 或者 arr.every()

some()当内部return true时跳出整个循环:

var arr = [1,2,3,4,5];
var num = 3;
arr.some(function(v){ 
   
	if(v == num) { 
   
		return true;
	}
console.log(v);
});

every()当内部return false时跳出整个循环:

var arr = [1,2,3,4,5];
var num = 3;
arr.every(function(v){ 
   
	if(v == num) { 
   
		return false;
	}else{ 
   
		console.log(v);
		return true;
	}
});

四、拓展阅读

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/136152.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Lena与图像处理

    Lena与图像处理在数字图像处理中,Lena(Lenna)是一张被广泛使用的标准图片,特别在图像压缩的算法研究中。(为什么用这幅图,是因为这图的各个频段的能量都很丰富:即有低频(光滑的皮肤),也有高频(帽子上的羽毛),很适合来验证各种算法)       然而,这张图片背后的故事是颇有意思的,很多人都抱有学究都是呆子的看法,然而Lena对此就是一个有力的驳斥。lena(lenna)是一张于19

    2022年6月19日
    28
  • 服务器重启docker命令「建议收藏」

    服务器重启docker命令「建议收藏」启动步骤:1、启动Docker守护进程systemctldaemon-reload2、Docker启动命令:  systemctlstartdocker3、查看docker服务是否启动  ps-ef|grepdocker4、查看docker启动的服务:dockerps其他:重启docker服务systemctlrestartdocker停止docker服务systemc…

    2022年5月16日
    224
  • 登录页面的代码

    登录页面的代码开发工具与关键技术:MVC/JavaScript作者:邱慧敏撰写时间:2019/06/25在把页面和数据库做好之后,我的登录页面只需要用户名和密码,所以代码比较简单。先找到登录按钮,给一个点击事件,然后再获取他们的表单值,然后对用户名和密码进行判断,判断是否填写了资料和是否是正确的账户和密码,在这之前还要检查登录页面是否是属于外层页面。dataValidationFo…

    2022年4月4日
    51
  • 怎么获取smtp服务器用户帐号和密码

    怎么获取smtp服务器用户帐号和密码

    2021年9月21日
    251
  • CentOS常用命令

    CentOS常用命令

    2021年5月10日
    133
  • python的第三方库是用什么实现的_python 第三方库

    python的第三方库是用什么实现的_python 第三方库编写自己的第三方库当你看见你编程时所用到的所有Python第三方库时,有没有想过,他们是怎么被允许使用的呢?这篇教程,帮你制作一个属于自己的第三方库!1.你需要的工具pycharmsetuptools库twine库2.详细步骤首先,打开pycharm,新建一个项目然后选择编译器Virtualenv,新建一个虚拟环境等待虚拟环境创建完成,如果默认存在main.py,就删除它然后,新建一个pythonpackage文件夹,取名为你要上传的库的名字创建后,文件夹中默认有__init__

    2022年8月31日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号