简单介绍 js 跳出循环的几种不同方法： break; continue; return;

最新推荐文章于 2024-01-19 14:03:35 发布

freedom_文

最新推荐文章于 2024-01-19 14:03:35 发布

阅读量568

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/freedomVenly/article/details/87363997

javascript 专栏收录该内容

49 篇文章

订阅专栏

本文深入探讨JavaScript中的break、return和continue语句，通过具体示例解释它们如何控制循环流程，包括如何提前终止循环、返回函数值以及跳过特定迭代。

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

在这里插入图片描述

Break:
break 语句用于跳出循环，遇到break直接整体跳出，不再循环下一个；


<script type="text/javascript">
    function abc() {

        for (i=1;i<10;i++) {
            if (i==3) {
                break;
            }

            console.log(i);
        }
    }

    abc();  //输出  1、2     i等于3时 跳出当前循环不再执行
</script>

在这里插入图片描述

return
return 语句会终止函数的执行并返回函数的值。

当执行return语句时, 即使函数主题中还有其他语句, 函数执行也会停止!

//代码与 break 执行效果类似

<script type="text/javascript">
    function abc() {

        for (i=1;i<10;i++) {
            if (i==3) {
                return;
            }

            console.log(i);
        }
    }

    abc();  //输出  1、2     i等于3时 跳出当前循环不再执行
</script>

在这里插入图片描述

Continue
continue 语句中断循环中的迭代，如果出现了指定的条件，跳出当前，继续循环中的下一个迭代。


<script type="text/javascript">
    function abc() {

        var num=0;

        for (i=1;i<10;i++) {
            if (i==3) {
                continue;
            }
            num=i;
            console.log(num);
        }
    }

    abc();  //输出 1、2、4、5、6、7、8、9   i等于3时跳过当前循环，执行下一段
</script>