js for循环案例

n*n方块：


<!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>Document</title>
    <script>
        //n的值可以控制
        var n=10;
        var str="";
        //外循环：控制行数
        for(var i=1;i<=n;i++){
        //内循环：每行打印几个，每循环一次打印出一颗星星
        //j=i:下一行打印出的星星数等于第一行打印的星星数减行数
            for(var j=1;j<=n;j++){
                str=str+"*";
            }
            str=str+"\n";
        }
        console.log(str);
    </script>
</head>
<body>
    
</body>
</html>

倒三角：

区别：内循环时j=i，循环次数等于第一行数目 - 行数


<!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>Document</title>
    <script>
        //n的值可以控制
        var n=10;
        var str="";
        //外循环：控制行数
        for(var i=1;i<=n;i++){
        //内循环：每行打印几个，每循环一次打印出一颗星星
        //j=i:下一行打印出的星星数等于第一行打印的星星数减行数
            for(var j=i;j<=n;j++){
                str=str+"*";
            }
            str=str+"\n";
        }
        console.log(str);
    </script>
</head>
<body>
    
</body>
</html>

九九乘法表：


<!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>Document</title>
    <script>
        var x="";
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                //1×2=2
                x+=i+"x"+j+"="+i*j+" ";
            }
            x+="\n";
        }
        console.log(x);
    </script>
</head>
<body>
    
</body>
</html>

相关阅读:
网络工程师知识点6
这是一段神奇的提示词，能直接调取Claude 3的系统提示词！附详细解读
asp.net core rabbitmq的基本使用
cnn 实现图片识别
CPD：使用restAPI和cpd-cli命令创建DMC实例
【GIS面试】GIS算法介绍
2023.11.18 每日一题（AI自生成应用）【C++】【Python】【Java】【Go】动态时间序列分析
three.js高性能渲染室外场景
MVVM的构建（java&kotlin）
广东工业大学上岸经验分享！

原文地址：https://blog.csdn.net/qq_64131715/article/details/127681917