利用JS的双重for循环实现九九乘法表

JS的流程控制有三种：

1、顺序结构

2、分支结构

3、循环结构

for循环属于流程控制里面的循环结构

一、基本语法

for(初始化变量; 条件表达式; 自增表达式 ){
    //循环体
}

若for里面的条件表达式为true，for循环就重复执行循环体的代码

若for里面的条件表达式为false，则退出for循环

二、小案例：求1-100的累加和

<script>
     var sum = 0; // 用来存储求的和
     for (var i = 1; i <= 100; i++) {
         // sum += i; 相当于 sum = sum + i;
         sum += i; // 每次循环 sum 的值都会更新
     }
     console.log(sum); // 将求的和打印到控制台
 </script>

结果：

三、双重for循环

for循环可以重复执行一个操作，当然也可以重复执行另一个循环，即for循环里面嵌套for循环，即双重for循环

四、利用双重for循环实现九九乘法表

1、分析

由图片可以看出，行和列是相等的，若初始化行为 row 列 为 column 则 内层for循环的条件表达式可以为 column <= row

2、代码实现：

    <script>
        var str = ''; // 用来存放乘法表的各个算式
        for (var row = 1; row <= 9; row++) { // 行  最小一行，最大九行 ，递加
            for (var column = 1; column <= row; column++) { // 列  最小一列，最大九列，递加
                // 利用拼接字符串来实现 1 x 2 = 2 的效果 '\t' 为制表符 使乘法表各算式之间有距离
                str += column + 'x' + row + '=' + row * column + '\t';
            }
            str += '\n'; // 每一行结束时候的换行
        }
        console.log(str); // 打印到控制台
    </script>

3、执行思路

当 row 为 1 ， 内层循环执行一次，打印出 1 x 1 = 1 

当 row 为 2 ， 内层循环执行两次， 打印出 1 x 2 = 2 ，再加上上次执行的结果 ， 变为 1 x 1 = 1      1 x 2 = 2

后面依次执行即可得到九九乘法表

扩展：怎么打开谷歌浏览器的控制台？

1、在浏览器中右键 ——> 检查 ——> Console

2、在浏览器界面按 F12 ——> Console