JavaScript流程控制语句——循环结构和跳转语句

Posted 2022-12-06 小魁的C世界

在现实生活中，经常需要重复且有规律的做一些事。在程序中也经常会出现重复的情况。而在javascript中，循环结构有while循环、do-while循环和for循环。

一、while循环语句

语法：

while（条件表达式）

 语句或语句块

 例：（依次输出30以内的奇数）

    <script type="text/javascript">
        var num = 1;
        while (num <= 30) 
            document.write(num + "  ");
            num += 2;//每循环一次加2,等同于num=num+2
        
    </script>

 实现样式：

二、do-while循环语句

语法：

do  

语句或语句块

while( 条件表达式 );

 例：（计算30以内奇数和）

<script type="text/javascript">
        var num = 1;
        var result;//总和
        while (num <= 30) 
            document.write(num + "  ");
            num += 2;
            result += num;//将奇数相加装进result内
        
        document.write("30以内的奇数和为：" + result);
    </script>

实现样式：

三、for循环语句

for( 初始化表达式 ; 循环条件表达式 ; 循环后的操作表达式 )  

语句或语句块

例：（计算330以内的偶数和）对于取余的用法详细请见：JavaScript运算符和注释

 <script type="text/javascript">
        var result = 0;
        for (var num = 1; num <= 30; num++) 
            if (num % 2 == 0) 
                document.write(num + " ");
                result += num;
            
        
        document.write("偶数和为：" + result);
    </script>

实现样式：

 四、break语句和continue语句

        1.JavaScript跳转语句：break语句和continue语句

             break语句用于中断循环

             continue语句用于跳过本次循环要执行的剩余语句，然后开始下一次循环