js for循环循环结构 while、do-while. for 使用for循环实现99乘法表

最新推荐文章于 2023-06-03 23:22:12 发布

技术林

最新推荐文章于 2023-06-03 23:22:12 发布

阅读量722

点赞数

分类专栏：笔记总结文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_45810135/article/details/108922321

版权

笔记同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

总结

27 篇文章 1 订阅

订阅专栏

本文介绍了JavaScript中的三种循环结构：for、while和do...while，并通过一个实际的9*9乘法表案例展示了如何运用for循环进行输出。在控制台中，使用console.log显示了乘法表的结果，包括循环变量的初始化、条件判断和递增操作。

摘要由CSDN通过智能技术生成

1.for循环

for(循环变量赋初值；循环条件；循环变量增值){循环语句;}

2.while循环

while(循环条件){循环体;}

3.do…while 循环

do{循环体;}while(循环条件);

console.log（…）; 以日志的形式在控制台输出结果！

<script>
 
    // 需求 : 统计 1~100 之间能够被3和7整除的数字个数
 
    var count = 0;
 
    // 1. 遍历 1~100 之间的所有整型数值
    for (var i = 1; i <= 100; i++) {
 
        // 2. 判断
        if (i % 3 == 0 && i % 7 == 0) {
            // alert(i);
            console.log(i);
            // 3. 累加个数
            count++;
        }
    }
 
    // 4. 查看结果
    // alert(count);
    console.log(count);

console.log显示如下：
在这里插入图片描述

循环嵌套

演示案例9*9乘法表

<style>
        table {
            /* 将 table 表格的线变成了细线 */
            border-collapse: collapse;
            /*color: red;*/
            border-color: red;
        }
    </style>
 
    <script>
 
        // 需求 : 九九乘法口诀表
        document.write("<table border='1px solid red' cellspacing='0' cellpadding='8px'>");
        document.write("<caption>九九乘法口诀表</caption>");
        for (var i = 1; i <= 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(j + "*" + i + "=" + (j*i) + "&nbsp;&nbsp;&nbsp;&nbsp;");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
 
    </script>