Vue进阶（幺零七）：JS中arr.forEach()跳出循环

我们都知道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);
});

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

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

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

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

那么在用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);
	}
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
 

第二种方法：使用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);
});

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

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;
	}
});

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
 

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/105483867