一.循环

• 循环目的：可以重复执行某些代码、
• JS的三种主要三种类型的循环语句：

1. for循环
2. while循环
3. do...while循环

二.for循环

在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句

• 循环过程

2.1语法结构

• 断点调试

2.2for循环重复相同的代码

2.3for循环重复不相同的代码

• for循环还可以重复不同的代码，这主要是因为使用了计数器（i），计数器在每次循环过程中都会有变化

2.4for循环重复某些相同的操作

• for循环因为有了计数器的存在，我们还可以重复的执行某些操作，比如：做一些算术运算

三.双重for循环

3.1双重for循环的概述

很多情况下，单层for循环并不能满足我们的需求，比如我们要打印一个5行5列的图形，打印一个直角倒三角，此时就可以通过循环嵌套来实现

• 循环嵌套：是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以在嵌套一个for循环，这样的for循环语句我们称之为双重for循环。

3.5for循环小结

四.while循环

• while 语句可以在条件表达式为真的前提下，循环执行指定的一段代码，知道表达式不为真时结束循环
• while语句的语法结构如下：

• 执行思路：

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

五.do while循环

• do...while语句其实是while语句的一个变体，该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环
• do...while语句的语法结构如下：

• 执行思路：

1. 先执行一次循环体代码
2. 再执行条件表达式，如果结果为true，则继续执行循环体代码，如果为false，则退出循环，继续执行后面代码
3. 注意：先执行循环体，再判断，我们会发现do...while循环语句至少会执行一次循环体代码

• 循环小结

1. JS中循环有for,while,do while
2. 三个循环很多情况下都可以相互替代使用
3. 如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用for
4. while和do..while可以做更复杂的判断条件，比for循环灵活一些
5. while和do..while执行顺序不一样，while先判断后执行，do...while先执行一次，再判断执行
6. while和do..while执行次数不一样，do...while至少会执行一次循环体，而while可能一次也不执行
7. 实际工作中，我们更常用for循环语句，它写法更简洁直观

六.continue break

6.1continue关键字

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

6.2break关键字

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