前端技术分享-码匠 极客编程技术分享

您当前位于:JavaScript基础 ——> 结束本次循环与跳出循环 - break与continue语句的区别

结束本次循环与跳出循环 - break与continue语句的区别

2015/07/09 09:13:53 | 作者:HTML5学堂(码匠) | 分类:JavaScript基础 | 关键词:break,continue,循环语句,跳出循环

break以及continue语句

HTML5学堂:ECMAScript当中存在着break以及continue两种语句,这两种语句通常用于循环语句以及分支语句当中。那么,break以及continue的区别是什么呢?我们一起来学习一下~

break语句

可以中断当前循环,通常在switch语句和while、for、for...in、或do...while循环中使用break语句。

  1. <script>
  2.     var sum = 0;
  3.     for (var i = 0; i < 10; i++) {
  4.         if (i == 5) {
  5.             break;
  6.         };
  7.         sum += i;
  8.     };
  9.     console.log(sum);
  10. </script>

continue语句

可以结束本次循环,即跳出循环体中下面尚未执行的语句。

  1. <script>
  2.     var sum = 0;
  3.     for (var i = 0; i < 10; i++) {
  4.         if (i == 5) {
  5.             continue;
  6.         };
  7.         sum += i;
  8.     };
  9.     console.log(sum);
  10. </script>

break与continue的区别

最后总结一下break以及continue语句的区别:

1、break语句可以用于循环语句,也可以用于分支语句(switch),而continue语句只能用于循环语句(需要注意,不要说是for语句,是针对所有的循环语句,break和continue都是可以使用的)。

2、break语句用于跳出全部循环,而continue用于结束本次循环。

  1. <script>
  2.     var num = 2;
  3.     var result = 0;
  4.     switch(num) {
  5.         case 0: result=10; break;
  6.         case 1: result=100; break;
  7.         case 2: result=1000; break;
  8.         default: result=100000;
  9.     }
  10.     console.log(result);
  11. </script>

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端