JavaScript循环结构_jsmind 循环体-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_55870194/article/details/115834061

本文详细介绍了for循环、while循环及do...while循环的语法及应用，并通过实例展示了如何使用这些循环来打印九九乘法表和菱形图案。此外，还讲解了函数的概念及其在代码复用中的作用。

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

一、for循环

for
关键字 for
语法：
for(声明自增量;判断条件;自增量的自增方式){
循环体
}
注意：
for括号里面可以什么值都不写（死循环）
但是不写内容可以必须要写两个分号

continue break
跳出循环
区别：
continue 跳过本次循环
break 跳出循环
注意：
不管是跳过本次循环跳出循环只会对当前的循环起作用

打印九九乘法表

var a = parseInt(prompt("请输入第一个数"));
         var b = parseInt(prompt("请输入第二个数"));
         var c = parseInt(prompt("请输入第三个数"));
         for (var i = 1 ;i<=9 ; i++){
             for(var j =1 ; j<=i ;j++){
                 document.write(j+"*"+i+"="+(i*j)+"&emsp");
             }
             document.write("<br>")

运行结果:
11=1&emsp
12=2&emsp22=4&emsp
13=3&emsp23=6&emsp33=9&emsp
14=4&emsp24=8&emsp34=12&emsp44=16&emsp
15=5&emsp25=10&emsp35=15&emsp45=20&emsp55=25&emsp
16=6&emsp26=12&emsp36=18&emsp46=24&emsp56=30&emsp66=36&emsp
17=7&emsp27=14&emsp37=21&emsp47=28&emsp57=35&emsp67=42&emsp77=49&emsp
18=8&emsp28=16&emsp38=24&emsp48=32&emsp58=40&emsp68=48&emsp78=56&emsp88=64&emsp
19=9&emsp29=18&emsp39=27&emsp49=36&emsp59=45&emsp69=54&emsp79=63&emsp89=72&emsp9*9=81&emsp

二、while 和 do while
打印菱形

 var i = 1;
        while(i<=5){
            var j = 1;
            while(j<=i){
                document.write("*");
                j++;
            }
            document.write("<br>");
            i++;
        }
        var i = 4;
        while(i>0){
            var j = 1;
            while(j<=i){
                document.write("*");
                j++;
            }
            document.write("<br>");
            i--;
        }

打印结果:

    * 
       *
       **
       ***
       ****
       ***** 
       ****
       ***
       **
       *
    *

//语法：
while(条件){
	循环体;
}

//
do{
	循环体；
}while(条件);

while循环时先进行条件判断，在执行循环体
do…while是先执行一次循环体，再进行判断

三 .函数
函数是一种封装，封装的目的是为了复用，封装完毕之后，可以在任意地方，调用任意多次。

function 函数名(){
	函数体;
}

函数不会自动执行，需要调用才可以执行(函数的定义顺序与调用顺序无关