06 JavaScript中的流程控制之循环结构

在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句。
语法结构：
- for循环主要用于把某些代码循环若干次，通常与计数有关，语法结构如下：
```
for (初始化变量; 条件表达式; 操作表达式) {
    // 循环体
}
```
断点调试：
- 断点调试是指自己在程序的某一行设置一个断点。调试时，程序运动到这一行就停止，然后你可以一步一步往下调试，调试过程可以看每个变量当前的值。出错的话，调试到出错的代码行即显示错误，停止程序运行。
- 浏览器中按下F12，之后再找到Sources，找到需要可以监视变量的值的变化。
- F11：程序单步执行，让程序一行一行的执行，这个时候，观察Watch中变量的值变化。

很多情况下，单层for循环并不能满足我们的需求，例如需要打印出5*5的图形，打印一个倒直角三角性等，此时就可以通过嵌套来实现。
嵌套循环：是指一个循环语句中再定义一个循环语句的语法结构，例如在for循环中可以再嵌套一个for循环，这样的for循环语句我们称为双重for循环。

双重for循环的语法结构：

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

while语句的语法结构如下：

while (条件表达式) {
    // 循环体代码
}

语法结构：

do {
    // 循环体
} while (条件表达式)

操作符规范

// 操作符的左右两侧各保留一个空格
for (var i = 1; i <= 5; i++) {
    if (i === 3) {
        break;
    }
    console.log('我正在吃第' + i + '个包子.');
}

单行注释规范

for (var i = 1; i <= 5; i++) {
    if (i === 3) {
        break;  // 单行注释前面注意有个空格
    }
    console.log('我正在吃第' + i + '个包子.');
}

其他规范

if (true) {  // 注意括号左右各留有一个空格
    
}

for (var i = 1; i <= 100; i++) {
    
}