JS中的几种循环和跳出方式

目录

• 1.for循环
• 2. for-in循环
• 3.jQuery的each循环
• 4.forEach循环

 这篇文章介绍了JS中的几种循环和跳出方式，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

JS中的循环是大家很常用的，这里总结一下几种常用循环的跳出方式。

1.for循环

var arr = ['q','w','e','r','t'];
for(var i=0, len = arr.length ; i< len ; i++){
console.log(arr[i]);
}

// q , w , e , r , t

跳出本次循环continue： 

for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
continue;
}
console.log(arr[i]);
}

// q , w , r , t

当i==2时，跳出本次循环，本次循环下面的代码不在执行。但是真个循环继续执行，直到循环条件为false。 

跳出整个循环break：

for(var i=0, len = arr.length ; i< len ; i++){
if(i == 2){
break;
}
console.log(arr[i]);
}

// q , w

当i == 2时，使用break跳出整个循环，后面的循环条件不在执行，直接退出整个循环。 

2. for-in循环

退出方法同for循环。

3.jQuery的each循环

$.each(arr,function(index,oo){
console.log(oo);
})
//q , w , e , r , t

退出当前循环 return true: 

$.each(arr,function(index,oo){
if(index == 2){
return true;
}
console.log(oo);
})
//q ,w ,r ,t

当index == 2 时，退出当前循环，整体循环继续执行。 

退出整个循环 return false：

$.each(arr,function(index,oo){
if(index == 2){
return false;
}
console.log(oo);
});
  
// q , w

当index == 2时，使用return false，可以退出整个循环，后面的条件不在执行。 

4.forEach循环

arr.forEach(function(oo,index){
console.log(oo);
});

// q, w, e, r, t

退出当前循环 return ;reutrn false ; return true ; 

arr.forEach(function(oo,index){
if(index == 2){
return ;
//return false; //效果同上
// return true; //效果同上
}
console.log(oo);
});
// q , w ,r ,t

在forEach循环中，return 返回任何值，都只能退出当前循环。 

要想跳出整个forEach循环，可以使用抛异常的方式：

try{
arr.forEach(function(oo,index){
if(index == 2){
throw 'jumpout';
}
console.log(oo);
});
}catch(e){
}
  
// q , w