JavaScript基础知识-流程控制之嵌套的for循环

　　　　　　　　　　　　　　　JavaScript基础知识-流程控制之嵌套循环案例

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.打印直角三角形

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打印直角三角形</title>
        <script type="text/javascript">
            
            for(var i=0; i<10; i++){
                for(var j=0;j <i+1;j++){
                    document.write("<strong>*</strong>&nbsp;&nbsp;&nbsp;");
                }
                //输出一个换行
                document.write("<br />");
            }
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

二.倒着打印直角三角形

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>倒着打印直角三角形</title>
        <script type="text/javascript">
            
            for(var i=0; i<10; i++){
                for(var j=0;j <10-i;j++){
                    document.write("<strong>*</strong>&nbsp;&nbsp;&nbsp;");
                }
                //输出一个换行
                document.write("<br />");
            }
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

三.打印九九乘法表

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打印九九乘法表</title>
        <style type="text/css">
            body{
                /*给body设置宽度，当屏幕一行显示不下时会出现滚动条*/
                width: 2000px;
            }
        
            span{
                /*将span设置为行内块元素*/
                display: inline-block;
                /*设置宽度*/
                width: 90px;
            }
        </style>
        
        <script type="text/javascript">
            
            for(var i = 1; i <= 9; i++){
                for(var j = 1;j <= i;j++){
                    document.write("<span>" + j + "x" + i + "=" + i * j + "</span>");
                }
                //输出一个换行
                document.write("<br />");
            }
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

四.打印2-100之间的所有质数

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打印2-100之间的所有质数</title>
        <script type="text/javascript">
            
            for(var i = 2; i <= 100; i++){
                 
                 //创建一个布尔值，用来保存结果，默认i是质数
                 var flag = true;
                 
                 for(var j = 2;j < i;j++){
                     if(i % j == 0){
                         //如果进入判断则证明i不是质数，修改flag的值为flase
                         flag = false;
                     }
                 }
                 
                 if(flag){
                     document.write(i + "<br />");
                 }
 
            }
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果

五.质数练习的改进

1>.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打印2-100之间的所有质数</title>
        <script type="text/javascript">
            
            for(var i = 2; i <= 100; i++){
                 
                 //创建一个布尔值，用来保存结果，默认i是质数
                 var flag = true;
                 
                 //匹配的终止条件是对i开方对应的值,这样可以减少循环的次数
                 for(var j = 2;j <= Math.sqrt(i);j++){
                     if(i % j == 0){
                         //如果进入判断则证明i不是质数，修改flag的值为flase
                         flag = false;
                     }
                 }
                 
                 if(flag){
                     document.write(i + "<br />");
                 }
 
            }
        </script>
    </head>
    <body>
    </body>
</html>

2>.浏览器打开以上代码渲染结果