循环结构（ for循环、双重for循环）

for循环


  <script>
        // 循环结构
        // for循环
        {
            // 输出 1-3 之间的数
            for(var i=1;i<=3;i++){
                document.write(i+'
');
 
            }
        }

console预览效果

输出100次可爱的老李头


  for(var i=1;i<=100;i++){
                document.write('可爱的老李头
');
            }

console预览效果

输出89-120之间的数


 for(var i=89;i<=120;i++){
                document.write(i+'
');
            }

console预览效果

输出1-10之间的偶数


 for(var i=1; i<=10;i++){
                // 在遍历的过程中，对当前这个数i进行判断
                if(i%2 == 0){
                    document.write(i+'
');
                }
            }

console预览效果

输出120-89之间的数


for(var i=120; i>=89;i--){
                document.write(i+'
');
            }

console预览效果

双重for循环

外层for循环：输出行，内层for循环：输出列

例如：简易版九九乘法表


<body>
 
    <h1 align="center">九九乘法表h1>
    
    <div id="box">div>
<script>
    var strHtml = ``;
        // 外层for循环：输出--- 9行
        for(var i=1;i<=9;i++){
            strHtml += `
`;
            // 内层for循环：每一行输出9列
            for(var j=1;j<=i;j++){
                // strHtml += '
';
                strHtml += `
`;
            }
            
            strHtml += `
`;
        }
            strHtml += `
'+j+'*'+i+'='+j*i+' ${j}*${i}=${j*i}
`;
 
    var box = document.getElementById('box');
    box.innerHTML = strHtml;
script>
body>

console预览效果

相关阅读:
C Primer Plus（第六版）16.18 编程练习第5题
Linux入门与进阶（二）
QML自定义电池状进度条
docker的简单使用
2024牛客寒假算法基础集训营1（补题）
【反射】Constructor类
为何基于树的模型在表格型数据中能优于深度学习？
SpringCloudAlibaba系列微服务搭建笔记六_Gateway
MapReduce编程框架
【华为机试真题 JAVA】服务器广播-200

原文地址：https://blog.csdn.net/m0_71814235/article/details/126285253