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);