• 技术文章 >web前端 >js教程

    javascript怎么跳出循环

    青灯夜游青灯夜游2021-07-16 17:39:07原创142

    javascript跳出循环的方法:1、使用continue语句,可以终止当前循环,并马上进入下一次循环;2、使用break语句,可以退出整个循环,break语句后续的代码以及后面的循环都不会被执行。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript跳出循环的方法一:使用continue语句

    continue 语句用于终止当前循环,并马上进入下一次循环。

    continue 语句的基本语法如下:

    continue;

    continue 语句的执行通常需要设定某个条件,当满足该条件时,执行 continue 语句。

    示例:continue 语句的应用

    <script>
         var sum = 0;
         var str = "1~20之间的偶数有:";
         //把1~20之间的偶数进行累加
         for(var i = 1; i < 20; i++){
             //判断i是否为偶数,如果模不等于0,为奇数,结束当前循环,进入下一次循环
             if(i % 2 != 0)
                  continue;
             sum += i; //如果执行continue语句,循环体内的该行以及后面的代码都不会被执行
             str +=i + " ";
         }
         str += "\n这些偶数的和为:" + sum;
         alert(str);
    </script>

    上述代码使用 i%2!=0 作为 continue 语句执行的条件,如果条件表达式的值为真,即 i 为奇数时,执行 continue 语句终止当前循环,此时 continue 语句后续的代码都不会被执行,因而奇数都不会被累加。可见,通过使用 continue 语句就可以保证只累加偶数。

    上述代码在 Chrome 浏览器运行后弹出的对话框结果如下图所示。

    1.png

    javascript跳出循环的方法二:使用break语句

    单独使用的 break 语句的作用有两方面:

    实际应用中,break 后面还可以跟一个标签,此时 break 语句的作用是跳转到标签所标识的语句块的结束处。当需要从内层循环跳转到某个外层循环的结束时,就需要使用带有标签的 break 语句。

    break 语句的基本语法如下:

    break;    //单独使用,在循环语句中用于退出整个循环
    break lablename;   //带有标签,在多层循环语句中用于从内层循环跳转到 lablename 外层循环的结束处

    break 语句和 continue 语句一样,执行也需要设定某个条件,当满足该条件时,执行 break 语句。

    示例:break 语句的应用

    <script>
         var sum = 0;
         var str = "1~20之间的被累加的偶数有:";
         //把1~20之间的偶数进行累加
         for(var i = 2; i < 20;i += 2){
             if(sum > 60)
                 break; //执行break语句后,整个循环立刻停止结束执行
             sum += i;
             str += i + " ";
         }
         str += "\n这些偶数的和为:" + sum;
         alert(str);
    </script>

    上述代码使用 sum>60 作为 break 语句执行的条件,如果条件表达式的值为真,执行 break 语句退出整个循环,此时 break 语句后续的代码以及后面的循环都不会被执行。

    上述代码在 Chrome 浏览器运行后弹出的对话框结果如下图所示。

    2.png

    【推荐学习:javascript高级教程

    以上就是javascript怎么跳出循环的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 跳出循环
    上一篇:javascript sort方法怎么排序 下一篇:JavaScript中什么是Set?什么时候使用?如何使用?
    第16期线上培训班

    相关文章推荐

    • javascript怎么判断是否包含指定字符串• JavaScript是网页脚本语言吗• javascript怎么将数值转为字符串• javascript输出语句怎么打• javascript如何输入数据• javascript循环语句哪几种

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网