While循环和for循环

While循环

利用 while 循环在指定条件为 true 时来循环执行代码。

下面的例子定义了一个循环程序，这个循环程序的参数 i 的起始值为 0。该程序会反复运行，直到 i 大于 10 为止。i 的步进值为 1。

while (i<=10)
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}

注意：除了<=，还可以使用其他的比较运算符

for循环

语法：

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

语句 1 （代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

 for(a=1;a<=10;a++){
    document.write(`${a}`)
}

从上面的例子中，您可以看到：

 1 在循环开始之前设置变量 (a=1)。

 2 定义循环运行的条件（a 必须小于等于10）。

 3 在每次代码块已被执行后增加一个值 (a++)。

同时您还可以省略语句 1（比如在循环开始前已经设置了值时）：

let a=1,b=10
for (; a<b; a++)
{ 
    document.write(`a`);
}

JavaScript Break 和 Continue

使用 break 语句来终止循环

for (i=0;i<=10;i++)
{
if (i==3){break}
document.write("The number is " + i)
document.write("<br />")
}
//结果：The number is 0
        The number is 1
        The number is 2

continue 命令会终止当前的循环，然后从下一个值继续运行。

for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("The number is " + i)
document.write("<br />")
}
//结果:  The number is 0
        The number is 1
        The number is 2
        The number is 4
        The number is 5
        The number is 6
        The number is 7
        The number is 8
        The number is 9
        The number is 10

for循环的嵌套

所谓for循环的嵌套就是一个大的for循环里面嵌套着一个或是多个小的for循环。

1、嵌套for 循环语法结构：

for(外层初始化变量 ; 外层的条件表达式 ; 外层的更新表达式) { for(里层的初始化变量 ; 里层的条件表达式 ; 里层的操作表达式) { // 执行语句 } }

2、里层循环可看做是是外层循环的执行语句

3、外层循环执行一次，里面循环就会执行全部

通过for循环来判断条件输出内容。for循环嵌套的实质就是：

外层for循环控制循环的高度（行数）；

内层for循环控制循环的宽度（列数）；

for(i = 0 ; i < 5 ; i++){
        document.write("<br />");
    for(a = 0 ; a < 5 ; a++){
            document.write("* ");
    }
}
//结果
    ******
    ******
    ******
    ******
    ******