zoukankan      html  css  js  c++  java
  • 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);

  • 相关阅读:
    spring boot 集成 kaptcha
    3.1 表格类数据
    3.0 本章介绍
    2.9 tensor API简介
    2.8 将tensor移动到GPU上
    2.7 序列化(保存)tensor
    2.6 与numpy交互
    2020-7-22 头条 JAVA 后端面试
    API 设计最佳实践的思考
    ESXi 安装网卡vib驱动文件
  • 原文地址:https://www.cnblogs.com/sandraryan/p/13861038.html
Copyright © 2011-2022 走看看