• js双重for循环&打印星星案例


    原理:外层循环一次,内层全部执行一次

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            // 外层循环执行一次,内层循环全部执行
            for(let i = 1; i <=3; i++){
                console.log('外层循环第'+i+'次');
                for(let j = 1; j <= 3;j++){
                    console.log('内层循环第'+j+'次');
                }
            }
        </script>
    </body>
    </html>

     举个例子 打印5*5的星星

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            // 外层循环执行一次,内层循环全部执行
            // for(let i = 1; i <=3; i++){
            //     console.log('外层循环第'+i+'次');
            //     for(let j = 1; j <= 3;j++){
            //         console.log('内层循环第'+j+'次');
            //     }
            // }
    
            // 设置空变量存放内容
            let str = '';
            for(let i = 0; i < 5;i++){
                for(let j = 0; j < 5; j++){
                    // j每+1,星星+1
                    str += '⭐';
                }
                // 打印一行就要换行
                str += '
    ';
            }
            console.log(str);
        </script>
    </body>
    </html>

     打印倒三角星星

            let str1 = '';
            for(let i = 1; i <= 10;i++){
                for(let j = i; j <= 10; j++){
                    str1 += '⭐';
                }
                str1 += '
    ';
            }
            //i = 1, i <=10,打印10个,i++,
            //i = 2, j = 2, 2-10 ,打印9个
            //i = 3, j = 3, 3-10 ,8个
            // ......
            console.log(str1);

  • 相关阅读:
    适配器模式
    第五章项目:QuickHit
    试题分析(第二套)
    试题分析(第一套)
    新闻发布系统(分页显示)
    jsp九大内置对象
    文件上传
    jsp统测
    新闻发布系统(首页)
    URL和URI的区别
  • 原文地址:https://www.cnblogs.com/sandraryan/p/13861038.html
Copyright © 2020-2023  润新知