双重for循环

平常我们在使用循环的时候,只会用到一个for进行循环,今天介绍一下双重for循环。

一. 一个for循环执行的流程

假设我要打印一百次我爱你。

循环语句的语法想必我们已经非常的熟练了。

在复习一遍它的语法:

for(初始值,判断条件,累计器){

   要循环的内容

}

例子：

  for (let i = 0; i < 100; i++) {
    console.log('我爱你');
  }

说明:就相比于这个来说,其实i的值是0，判断条件是i<100,就去执行循环体里面的内容,后面的累加器每次都会加上1, 如次这样会执行100次循环体里面的内容,当i=100的时候还会去打印"我爱你",这个时候，继续会在累计器里面进行加1,变成101, 这个时候就不会去执行循环体的内容,跳出循环。

二. 双重for循环执行的流程

如果两个循环嵌套,又会发生什么呢？

例子:

  for (let i = 0; i < 9; i++) {
      for (let j = 0; j < 10; j++) {
        console.log('我爱你');
      }
    }

大家可以猜一下,会进行多少次打印。

可以看到,控制台里面总共打印了90次。

接下来我们一起分析一下它的执行流程:

从进入第一次循环开始:

   i=0; 执行循环体的内容,也就里面嵌套的一个for循环。

执行嵌套的子循环：

 for (let j = 0; j < 10; j++) {
        console.log('我爱你');
      }

j=0,j<10,打印里面的内容：我爱你

j=1,j<10,打印里面的内容：我爱你

j=2,j<10,打印里面的内容：我爱你

j=3,j<10,打印里面的内容：我爱你

j=4,j<10,打印里面的内容：我爱你

j=5,j<10,打印里面的内容：我爱你

j=6,j<10,打印里面的内容：我爱你

j=7,j<10,打印里面的内容：我爱你

j=8,j<10,打印里面的内容：我爱你

j=9,j<10,打印里面的内容：我爱你

j=10,j<10, 此时已经是不成立的,因此跳出循环。

在单纯地j的循环中打印了10次循环体里面的内容。

思考一个问题结束了内部嵌套的子循环会干什么？

答:

此时的i会继续返回到外层的for循环上,进行+1，此时的i=1，1<9又回执行内部的for循环。

j=0,j<10,打印里面的内容：我爱你

j=1,j<10,打印里面的内容：我爱你

j=2,j<10,打印里面的内容：我爱你

j=3,j<10,打印里面的内容：我爱你

j=4,j<10,打印里面的内容：我爱你

j=5,j<10,打印里面的内容：我爱你

j=6,j<10,打印里面的内容：我爱你

j=7,j<10,打印里面的内容：我爱你

j=8,j<10,打印里面的内容：我爱你

j=9,j<10,打印里面的内容：我爱你

j=10,j<10, 此时已经是不成立的,因此跳出循环。

这样的一个循环的过程。

外层循环的结束时间

当i=9的时候就跳出循环。因为判断的条件是i<9。

因此可以得到一个结论就是:

前面执行了9次内部for循环的内容。

一次打印10次我爱你。

故：

9x10=90。

输出90次我爱你。

 三重for循环执行的流程

我们从双重for循环的执行循序,来推断一下三重的for循环又是什么样子的呢？

  for (let i = 0; i < 9; i++) {
      for (let j = 0; j < 10; j++) {
        for (let k = 0; j < 8; j++) {
          console.log('我爱你');
        }
      }
    }

根据上面的双重for循环,我们来推断：

最内层:

一次打印8次我爱你

第二层:

会执行10次内部的for循环跳出循环。

最外层：

会执行9次第第二层的for循环跳出循环。

所以最终执行的结果是：

8x10x9=720。

四.思考一个问题。

循环嵌套的真正的意义是什么？

根据上面的for循环我们可以发现一个规律。

无论是双重for循环:

它都是先把内部的循环执行完然后,在去累加进行循环

 每个for循环都应该有自己做的事。

 五 .习题

(1)九九乘法表

  var i, j;
    for (i = 1; i <= 9; i++) {
      document.write("<br>"); // i 为行的乘数，j 为列数  每一行打印完后换行
      for (j = 1; j <= i; j++) {
        sum = i * j;
        document.write(i, "*", j, "=", sum, "   "); // 使 "i" 和 "j" 能打印出来
      }
    }

(2)我国古代数学家张丘建在《算经》一书中提出的数学问题：鸡翁一值钱五，鸡母一值钱三，鸡雏三值钱一。百钱买百鸡，问鸡翁、鸡母、鸡雏各几何？

解：

设鸡翁为x,母为y,鸡雏为z。

5x+3y+1/3z=100;

x+y+z=100;

使用穷举法:

 0<=x<=20;

 0<=y<=33;

 鸡雏:100-x-y-z；

代码:

 for (var a = 1; a <= 20; a++) { //公鸡最多能买20只
    for (var b = 1; b <= 33; b++) { //母鸡最多只能买33只
      var c = 100 - a - b; //小鸡的数量可通过计算得出
      if ((a + b + c == 100) && (a * 5 + b * 3 + c / 3 == 100)) {
        document.write('公鸡、母鸡、小鸡的数量分别是：' + a + ',' + b + ',' + c + '<br/>');
      }
    }
  };

分析代码:

先去买公鸡,在去买鸡  剩下的就是小鸡,

判断的条件:

前提是买100只鸡, 后面是100钱。

输出的结果:

六.总结

什么时候会用到多重的for循环呢？

在进行匹配的时候, 

例如在写99乘法表的时候,行和列的匹配

在百钱的习题中的匹配,然后通过if筛选出符合条件的结果

n重for循环呢,一样也是进行匹配。