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)
上一篇 2022年6月4日 上午7:00
下一篇 2022年6月4日 上午7:00


相关推荐

  • 信号带宽和信道带宽_信号带宽大于信道带宽

    信号带宽和信道带宽_信号带宽大于信道带宽信号带宽:一个信号可以分解为一系列不同频率正余弦函数的加权和。带宽,就是那些对应的加权非零部分对应的三角函数的频率宽度。信号频谱的宽度,也就是信号的最高频率分量与最低频率分量之差。例如,比如我们学过的sin(x)函数,就是一个信号,sin(x)是一个三角函数,所以其若用傅里叶级数表示,加权非零部分就是该信号本身。其对应的信号的带宽就是1HZ.(因其只有一个频率)。再例如:一个由数个正弦波叠加成的方…

    2022年10月11日
    5
  • android一个弹出菜单的动画(二)「建议收藏」

    android一个弹出菜单的动画(二)

    2022年1月26日
    196
  • python中的encode()和decode()函数

    python中的encode()和decode()函数对于很多人来说,python的中字符转码是一件很头疼的事情,本来期望结果输出的是中文,结果来一段像这样\xe4\xbd\xa0\xe5\xa5\xbd像是乱码的字符串。由于学python没多久,昨天使用python的时候,就遇到这种问题,现在来深入研究下与之相关的encode()和decode()函数,和如何把如乱码般的字符串转成中文。encode()和decode()都是字符串的函数,可直接查看关

    2022年10月7日
    7
  • npm下载和使用(超详细)

    npm下载和使用(超详细)NPM(NodePackageManager)简称为Node包管理工具安装(首先我们需要安装Node)Mac如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装,首先下载HomeBrew,接下来在终端执行以下命令brewinstallnode也可以选择去官网下载pkg安装包,记得下载长期稳定版,即LTS版windows可以在官网中选择windows相对应的版本,同样下载稳定版本,一步点击安装即可使用当下载好Node后我们就可以使用n..

    2025年7月10日
    6
  • 原备案在腾讯云 操作新增网站备案教程

    原备案在腾讯云 操作新增网站备案教程什么叫新增网站备案 备案主体已在腾讯云办理过备案 现要新增网站 则需进行新增网站 原备案在腾讯云 操作 备案准备 为了节约备案时间和顺利通过备案 建议提前了解备案流程 进行备案准备 因各地管局要求不同 需准备的材料也有所不同 建议提前了解各省 自治区 直辖市管局的备案要求 以及相关备案限制 备案要求 1 进行网站

    2026年3月19日
    3
  • navigator对象属性_javascript构造函数

    navigator对象属性_javascript构造函数Navigator对象包含有关浏览器的信息。注意:没有应用于navigator对象的公开标准,不过所有浏览器都支持该对象。Navigator对象属性属性 说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 cookieEnabled 返回指明浏览器中是否启用cookie的布尔值 platform 返回运行浏览器的操作系统平台 userAgen.

    2025年10月27日
    3

发表回复

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

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