最近一段时间在做辅导的时候，发现很多同学对for循环嵌套有点迷糊，只知其一，不知其二(只知道使用，不知道怎么来的)。for循环嵌套无非就是在for循环中在嵌套一个或者多个for循环，而今天在这里源码时代H5学科钟老师给大家理一下嵌套一个for循环的思路 。

首先我们简单的了解下循环的含义：在编写代码时，你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能，这样就用不着重复地写若干行相同的代码。

Eg: 需求：输出5个星型(*)

结果 ： *****

思路：我们使用document.write()一次输出一个星型(*)，那么我们就应该执行五次输出

1. 原始做法：

上面是比较原始的做法，代码冗余度(重复代码)过高，而且不利于后期的代码维护(如果后期我想输出其他内容， 不利于修改)。所以我们可以使用for循环简化上面代码

2. for循环做法

Eg：现在我把需求改掉：我想实现四行五列的输出5个星型(*)

结果： *****

*****

*****

*****

思路：刚才我们已经实现了打印一行五列的星型(*)，现在呢要实现四行，就是四个这样的图形，那我们就应该执行上面的代码四次，如下代码

方法1：

上面方法1中：通过观察，我们发现是不是跟上面原始做法1中出现了同样的问题，每一行执行输出的代码都一样(代码冗余度过高，不利于后期代码维护)，可以再用for循环简化上面的代码

方法2： for循环嵌套执行上面的代码

通过方法2：我们发现外层循环代表行，内层循环代表列，这就是我们for循环嵌套的真正的理解，相当于我们前面html中的表格，有行有列(外行内列)

现在我们理解了for循环嵌套的思路，而且都是比较有规律的行和列。现在我们在来看看比较有点难度的地方，很多初学者都不是很理解，我在这里先给大家提点一下：遇到不规则的行和列， 就是找规律。

Eg: 输出下面星型(*)图形

*

**

***

****

我们来找下规律：

首先：a) 它是一个不规则的四行四列的图形

b) 用i代表行，用j代表列

c) 第一行 ： i = 0

j = 0 (一个j代表输出一次*)

第二行 ： i = 1

j = 0 j = 1 (两个*)

第三行 ： i = 2

j = 0 j = 1 j = 2 (三个*)

第四行 ： i = 3

j = 0 j = 1 j = 2 j = 3 (四个*)

通过规律发现：

1. i的取值从0取到3(包括3)所以外层循环结构：如下

2. j的取值跟i值有关系，每行j的初始值我们都从0开始，一直到结束值等于当前行i的值

Ps: 我们找规律就是寻找j和i的关系，只要找到了，循环嵌套就迎刃而解

所以内层循环的条件是 j <= i; 内层循环的结构 如下：

完整程序：

感谢源码时代H5学科讲师提供此文章！

本文为原创文章，转载请注明出处（）！