JavaScript--第3章 JavaScript 基础之循环2

1. 面试题

1.1 for循环执行的顺序
1.2 break和continue的作用
1.3 分别说明每种循环的特点

2. 上次内容回顾

上一章学习了js中的分支结构：while和do-while循环

3.本章内容

本章主要讲解js中的for循环

4. 具体内容

4.1 for 循环

循环可以将代码块执行指定的次数
for循环的语法： for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
执行顺序解析：

• 语句 1:初值表达式 定义一个变量并赋初始值 let i=0，在循环（代码块）开始前执
• 语句 2: 条件表达式 对初值进行条件判断i<10,定义运行循环（代码块）的条件
• 语句 3 步长表达式 每次循环执行完 初值的自增或自减 i–在循环（代码块）已被执行之后执行
  即：for(<初始化循环变量> ; <循环条件> ; <修改循环变量的值>) { <循环体语句>; } 表达式1省略，循环变量的初始值在for语句之前由赋值语句取得也可以，但是两个“；”不能省略
  for循环的执行流程:
  
  案例 3.1.1:

与以下效果相同

如果将上述代码修改成i=5,观察结果执行几次，

我们可以观察到一次都没执行，因为for循环是先判断，再执行 如果再修改：将i++i或者i<5去掉，发现浏览器崩溃了，因为i的值始终不变，造成死循环了

案例：实现如图所示效果

分析： 按照上述语法结构
1、表达式1：循环初始化：i = 0；j = 6 2、表达式2：循环条件：i<=6 3、循环操作：计算i+j 4、表达式3：循环变 量的改变：i++，j-
代码：

案例3.1.2：请输出100次 我愿意

案例3.1.3：请输出0-99之间的偶数

案例3.1.4：请帮助高斯解决一个问题 0-100之间所有数的和为多少？
分析：实现1-100的累加，根本原理就是0+1的结果加2，所得结果加3，依次加到99.

通过for循环实现:

结果：5050
温馨提示：我们可能在解决问题的时候 一开始不知道如何使用for循环处理，此时，可以先将功能实现，再去观察是 否可以有优化的地方 ，此时容易完成。
案例3.1.5：输入五次学生成绩 求平均值

我们不难发现 获取成绩并累加的操作 出现了 重复代码。
重复代码可以通过for 循环执行

思考：在上面案例基础上求最大值，最小值

for循环嵌套

//打印三行五列     
for(let i=0;i<3;i++){
      for(let j=0;j<5;j++){ 
            document.write(i+"--"+j+"    ");
      }
      document.write("
");
} 

案例3.1.6：打印九九乘法表

案例3.1.7：羽毛球拍15元，球3元，水2元。200元每种至少一个，有多少可能。羽毛球拍最多买13个 球最多买66个 水最多买100个

结果：

案例3.1.8：括号里面只能放加或减，如果要使等式成立，括号里面应该放什么运算符 12（）34（）56（）78（）9 = 59；
分析：括号里面只能放加减，此时如果括号里面放+看成乘以1，如果放-看成乘以-1，以此让1到-1两个数字循环

所以结果是+，-，+，

4.2 for in循环

案例 4.2.1 ：对象属性的遍历

结果分析：v取对象的属性名，通过属性名可以取属性值

4.2.2 程序调试

设置断点-----单步调试-----观察变量

4.3 break 关键字

break 语句用于跳出循环。
案例4.3.1:

案例4.3.2：循环录入五次学生成绩并求平均值 如果成绩为负 则停止录入并提示 录入错误

案例4.3.3：折纸：折多少次和珠穆朗玛峰一样高，一张纸的厚度是0.0001米，将纸对折，对折多少次厚度超过珠峰 高度8848米

for循环标签的用法，请看案例
案例4.3.4：要求打印九九乘法表时只打印到第四行。

从结果可以看出，break只能中端内层循环，不能终止外层循环，所以我们有两种解决方案，第一种：
将中断操作放在外层，中断外层循环：

第二种方案使用标签:

4.4、 continue

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。
案例4.4.1：