js跳出循环的三种⽅法(break,return,continue)
今天总结⼀下js种跳出循环的⽅法(return, break, continue),并分别介绍⼀下⽤法、特点和区别。
1、return语句
⾸先来说return语句,return不只能⽤来跳出循环,⼀般常⽤在函数内部,来停⽌函数执⾏,并返回⼀个东西,今天只介绍他在跳出循环时的⽤法。
for(var i =1; i <=5; i++){
if(i ===3){
return;
}
console.log(i);// Uncaught SyntaxError: Illegal return statement
// 这⾥会报错,是因为在js中return语句只能放在function中,如果不是在⼀个function中则弹出如上错误
}
我们把return语句放到函数中来使⽤就⾏了,看下⾯代码:
function fn(){
for(var i =1; i <=5; i++){
if(i ===3){
return false;
}
console.log(i);// 分别输出  1,2
}
console.log('end');// 未执⾏
}
fn();
这⾥⼤家可以看到,只输出了1和2,第三次循环中return跳出了循环,同时也阻⽌了后⾯代码的执⾏,这就是return的特性:当执⾏return语句时,即使函数主体中还有其他语句,函数执⾏也会停⽌!
2、break语句
break语句只有在循环语句和switch语句中使⽤才是合法的,经常⽤来跳出循环。下⾯时简单的例⼦:
function fn(){
for(var i =1; i <=5; i++){
if(i ===3){
return false;
}
console.log(i);// 分别输出  1,2
}
console.log('end');// end
}
js方法fn()
通过输出了end可以看出他跟return语句的不同之处,break语句只是跳出了当前循环语句,并不会阻⽌函数内其他语句的执⾏。
3、continue语句
continue语句和break语句相似。所不同的是,它不是退出⼀个循环,⽽是跳出当前循环,进⾏下⼀轮循环。continue语句只能⽤在while 语句、do/while语句、for语句、或者for/in语句的循环体内, 在其他地⽅使⽤都会引起错误。
function fn(){
for(var i =1; i <=5; i++){
if(i ===3){
continue;
}
console.log(i);// 分别输出  1,2,4,5
}
console.log('end');// end
}
fn()
通过上⾯代码能直观的看出,continue语句它不是退出⼀个循环,⽽是跳出当前循环,进⾏下⼀轮循环。
说到这⼉就能看出来这三个跳出循环的⽅法的不同之处了,知道各⾃的特点和区别,就能合理的在项⽬中使⽤了。