JavaScript使用循环实现九九乘法表

 

一、for循环

循环体结构:

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

九九乘法表代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
</head>
<body>
    <script>
        for(var i=1;i<10;i++){
            for(var j=1;j<=i;j++){
                document.write(j+'*'+i+'='+i*j+'  ');
            }
            document.write('<br>');
        }
        

    </script>
    
</body>
</html>

二、while循环

循环体结构:

while (条件)
{
    需要执行的代码
}

九九乘法表代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
</head>
<body>
    <script>
        var i=1,j=1;
        while(i<=9){
            while(j<=i){
                document.write(j+'*'+i+'='+i*j+'  ');
                j++;
            }
            j=1;
            i++;
            document.write('<br>');
        }
       

    </script>
    
</body>
</html>

三、do-while循环

循环体结构:

do {

执行代码

}while (condition);

九九乘法表代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九九乘法表</title>
</head>
<body>
    <script>
        var i=1,j=1;
        do{
            do{
                document.write(j+'*'+i+'='+i*j+'  ');
                j++;
            }while(j<=i)
            i++;
            j=1;
            document.write('<br>');
        }while(i<=9)

    </script>
    
</body>
</html>

 三种循环结果均如下图所示:


版权声明:本文为qq_46578318原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。