JS基础（三）循环

JS基础（三）

一、循环

1、for循环

语法结构：

for（初始化变量；条件表达式；操作表达式）｛
//循环体
｝

名称	作用
初始化变量	通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。
条件表达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。
操作表达式	用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。

断点调试的流程：
1、浏览器中按 F12--> sources -->找到需要调试的文件-->在程序的某一行设置断点
2、Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
3、摁下F11，程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。

2、双重for循环

即在for循环中再次嵌套一个for循环

for(...){
	for(...){//可以将中间的for循环看成一个整体
      ...
	}
  ....
}

外层循环执行一次，内层循环需要执行全部次数，随后外层循环开始执行第二次，内层循环再次执行全部次数，直至外层循环结束。

相关经典案例：

打印乘法表、打印倒三角你星星

3、while循环

语法结构：

while (条件表达式) {

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

• 先执行条件表达式，如果结果为 true，则执行循环体代码；如果为 false，则退出循环，执行后面代码
• 执行循环体代码
• 循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束

**注意：**要添加退出条件，否则会成为死循环

4、do-while

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

和while循环类似，不同点do-while要先执行一次循环，再进行条件表达式判断。

5、continue、break

continue 关键字：用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。

break 关键字：用于立即跳出整个循环（循环结束）。

二、代码规范

1、标识符命名规范

• 变量、函数的命名必须要有意义
• 变量的名称一般用名词
• 函数的名称一般用动词