Kevin带你飞(3): JavaScript-循环语句基础

10000句“我爱你”

当向自己的男神（女神）表白的时候，ta要你说10000句“我爱你”，怎么办？
甲：亲爱的，一万句我爱你
乙：买了个喇叭，录了一句“我爱你”，放了10000遍
丙：在楼下说了10000遍，结果。。。

所以在处理反复执行我们就会用到——循环！

---

1.循环的概念

1、循环就是重复做一件事

2、循环结构是程序中一种很重要的结构，其特点是在给定条件成立时，反复执行某程序段，直到条件不成立为止。

---

2.分类

while循环
do…while循环
for循环

---

3.while循环

语法格式：

while(表达式){       //循环条件
    语句；           //循环体
}

注意：
1、先判断表达式，表达式成立后执行语句。
2、循环条件中使用的变量(循环变量)需要经过初始化。
3、循环体中，应有结束循环的条件，否则会造成死循环。
4、循环体中可以写若干句合法的javaScript代码，包括if，也可以再套个循环语句。

示例：用while循环求1～100之和。

---

4.do…while循环

语法格式：

do{
    语句;
}while(表达式);

注意：
1.最后的分号不要忘记。
2.循环条件中使用的变量需要经过初始化。
3.循环体中，应有结束循环的条件，否则会造成死循环。

示例：用do...while循环求1～100之和。

---

5.while和do while的区别

1、执行顺序的问题，while是先判断，do while，先执行循环体的代码，再判断。当条件第一次就不满足时，更能体现出区别。

2、在开发中，while用的情况多。如果while处理逻辑比较别扭时，就需要使用do while。

---

6.最常用的循环 - for循环

格式：

for(控制循环的变量;循环条件; 改变循环变量){
    //要做的事情
}

for(var i=0; i<10; i++){
    //要做的事情
}

示例：计算1+2+3+……+100之和。

---

1. break & continue

break 终止循环（跳出循环）
晚上预计跑20圈，跑到15圈的时候女神约你看电影，后面5圈就不跑了

continue 跳过当前循环，进入下一次循环
不会终止循环
通知了5个人面试，当叫到第4个面试者时，人没来，然后第5个进去面试

---

注意点：
循环要尽可能的短，要使代码清晰，一目了然
如果你写的一个循环的代码超过一显示屏，那会让读代码的人发狂的。解决的办法有两个：第一，重新设计这个循环，确认是否这些操作都必须放在这个循环里；第二，将这些代码改写成一个子函数，循环中只调用这个子函数即可。一般来说循环内的代码不要超过 20行。

把循环嵌套控制在3层以内。
解决方法：建议你重新设计循环或是将循环内的代码改写成一个子函数。

---

end：循环多多练习，搞清楚区别，一步步走出小白的世界。