技术交流QQ群:1027579432，欢迎你的加入！
欢迎关注我的微信公众号：CurryCoder的程序人生
1.循环结构
- 循环的目的：在实际问题中，有很多规律性的重复操作。因此，在程序中要完成这类操作，就需要重复执行某些语句。
2.JS中的循环
- 在JS中主要有三种类型的循环语句：
- for循环
- while循环
- do-while循环
for循环
- 在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句。
-
语法结构：
- for循环主要用于把某些代码循环若干次，通常与计数有关，语法结构如下：
for (初始化变量; 条件表达式; 操作表达式) { // 循环体 } -
断点调试：
- 断点调试是指自己在程序的某一行设置一个断点。调试时，程序运动到这一行就停止，然后你可以一步一步往下调试，调试过程可以看每个变量当前的值。出错的话，调试到出错的代码行即显示错误，停止程序运行。
- 浏览器中按下F12，之后再找到Sources，找到需要可以监视变量的值的变化。
- F11：程序单步执行，让程序一行一行的执行，这个时候，观察Watch中变量的值变化。
3.双重for循环
- 很多情况下，单层for循环并不能满足我们的需求，例如需要打印出5*5的图形，打印一个倒直角三角性等，此时就可以通过嵌套来实现。
- 嵌套循环：是指一个循环语句中再定义一个循环语句的语法结构，例如在for循环中可以再嵌套一个for循环，这样的for循环语句我们称为双重for循环。
- 双重for循环的语法结构：
for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式){ for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) { // 操作语句; } } - 可以把里层的循环看成是外层循环的语句。
- 外层循环执行一次，里层的循环执行全部。
4.for循环总结
- for循环可以重复执行某些相同的代码；
- for循环可以重复执行一些不同的代码，因为有计数器的存在；
- for循环可以重复执行某些操作，例如算术运算符、加法操作；
- 双层for循环，外层循环执行一次，内层for循环执行全部；
- for循环是循环条件和数字直接相关的循环；
5.while循环
- while语句可以在条件表达式为真的前提下，循环执行特定的一段代码，直到表达式不为真时结束循环。
- while语句的语法结构如下：
while (条件表达式) { // 循环体代码 }
6.do-while循环
- do-while循环实际上是while循环语句的一个变体，该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，则会重复执行循环体，否则退出循环。
- 语法结构：
do { // 循环体 } while (条件表达式) - 先执行循环体，再判断。因此，do-while循环体至少执行一次！
7.循环的总结
- JS中的循环有for、while、do-while；
- 三个循环很多情况下都可以相互替换使用；
- 如果是用来计次数的，与数字相关的，三者使用基本相同，但更偏爱使用for循环；
- while和do-while循环可以用来做更复杂的判断条件，比for循环更加灵活；
- while和do-while执行的顺序不一样，while是先判断后执行，do-while是先执行一次，再判断执行；
- while和do-while执行的次数不一样，do-while的循环体至少会被执行一次，而while的循环体可能一次也不执行；
8.continue和break关键字
- continue关键字是用于立即跳出本次循环，继续下一次循环，本次循环体中continue之后的代码会少执行一次。
- break关键字用于立即跳出整个循环，循环立即结束。
9.JS中的命名规范及语法格式
-
标识符命名规范
- 函数名、变量名的命名必须要有意义；
- 变量的名称一般用名词；
- 函数的名称一般用动词；
-
操作符规范
// 操作符的左右两侧各保留一个空格 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++) { }
