Javascript break continue 跳转语句讲解

古城微笑少年丶 2024-02-17 13:06 38阅读 0赞

## Javascript break continue 跳转语句讲解 ##

一、break语句

二、continue语句

--------------------

JavaScript支持的跳转语句主要有2种：

*  （1）break语句；
 *  （2）continue语句；

break语句与continue语句的主要区别是：break是彻底结束循环，而continue是结束本次循环。在这一点跟其他编程语言（如C和Java）相同的。

额~~好吧，我承认当年刚刚接触C语言的时候经常搞混这两个。大家待会在实例中要好好琢磨理解一下break语句和continue语句的区别，理解了就不容易忘了。

### 一、break语句 ###

break语句用于退出包含在最内层的循环或者退出一个switch语句。break语句通常用于while、do…while、switch或for语句中。

语法：

break;

说明：

break语句通常用于while、do…while、switch或for语句中。

举例：

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            var n=50;  //设置连加最大值
            var sum=0;
            for(var i=0;i<100;i++)
            {
                if(i==(n+1))break;
                sum+=i;
            }
            document.write(sum);
        </script>
    </head>
    <body>
    </body>
    </html>

在浏览器预览效果如下：

![268441e5f23283400b0a90ff1095689f.png][]

分析：

我们将上述代码变量n的值改为10，则会输出55；变量n的值改为100，则会输出5050。大家可以在在线工具中试一下。

### 二、continue语句 ###

continue语句跟break语句类似。不同之处在于，continue语句用于退出本次循环，并开始下一次循环。而break语句是退出所有循环！

语法：

continue;

说明：

跟break语句一样，continue语句也只能用在white、do…while、for和switch等循环语句中。

举例：输出“i love javascript”字符串中小于字母o的字符

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            //创建数组的同时对元素赋值
            var str = " i love javascript ";
            for(var i=0;i<str.length;i++)
            {
                if(str.charAt(i)>= "o")
                {
                    continue;
                }
                document.write(str.charAt(i));
            }
        </script>
    </head>
    <body>
    </body>
    </html>

在浏览器预览效果如下：

![60bcd6a61daf847698a6d6dc81484c60.png][]

分析：

在JavaScript中，可以使用charAt()方法 从某个字符串取得具体的字符。对于charAt()方法，我们在字符串对象“charAt()方法”这一节会详细讲解到。

[268441e5f23283400b0a90ff1095689f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/281b77f221344766bbfd9df7ab370c16.png
[60bcd6a61daf847698a6d6dc81484c60.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/bbbc957a3d134de38526450d2fda1832.png