在循环中使用break、continue、return的区别

最新推荐文章于 2024-05-29 15:14:15 发布

原创最新推荐文章于 2024-05-29 15:14:15 发布 · 2.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #break #continue #return

前端专栏收录该内容

31 篇文章

订阅专栏

本文详细解释了在JavaScript中，return、break和continue三个关键字在循环中的不同作用。return用于立即停止函数执行；break用于立即退出循环；continue则跳过当前循环的剩余部分，继续下一次循环。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在循环中使用return、break、continue的区别

break

立即退出循环或者switch语句，在其他地方使用会导致错误。

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  break;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接退出for这个循环。这个循环将不再被执行！
1
2
3
4
5
哈哈哈

continue

只退出当前循环，还允许下一次循环，continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误！

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  continue;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接跳出本次for循环。下次继续执行。
1
2
3
4
5
7
8
9
10
哈哈哈

return

函数执行return语句后立即停止代码，return语句后的代码不会被执行。return语句应用范围只能出现在函数体内，出现在代码中的其他任何地方都会造成语法错误！

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  return;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接结束函数，不会继续执行。
1
2
3
4
5

备注：
forEach 使用return只是跳出了当前的循环，使用break报语法错误，因为forEach 无法在所有元素都传递给调用的函数之前终止遍历，所以，需要退出循环的时候，使用普通的for循环或者try/catch（不建议，会发生捕捉不到错误的情况）