javascript基础知识之循环（三）

js中的循环语句

• for循环
• while循环
• do while循环

何为循环

 在程序中，反复被执行的语句叫做循环体，循环体是否能被重复执行，取决于循环的终止条件，由循环体及循环的终止条件组成的语句叫做循环语句

循环的目的

可以重复执行某些代码

for循环

目的：可以重复执行某些代码，通常给计数有关。

语法

    for(初始化变量；条件表达式；操作表达式) {
        //循环体
    }

• 初始化变量：通常被用来计数，使用var来声明
• 条件表达式：取决于循环体的终止条件
• 操作表达式：用来更新初始化变量

for循环的执行过程

执行原理

i = 1 只会被执行一次，执行完毕后，执行条件表达式，若满足，则执行循环体的语句，若不满足，则跳出循环体。然后执行条件表达式，判断条件表达式是否满足，若满足，则执行循环体的语句，若不满足，则跳出循环体

for循环之断点调试

在程序的某一行设置断点，以便更好的观察程序是如何运行的

步骤如下

• 按f12键进入sources(根源)，在需要设置断点的当前行设置店，刷新浏览器
• 按上下箭头进行下一步操作

通过watch更好的观察变量的值的变化

for循环之执行相同的代码

通过prompt输入的值转换成整数来控制循环的次数

通过for循环可之执行不同的代码

输出一个人1岁及100岁，并提示出生及死亡

for循环可之执行相同的操作

求1~100的累加和

思路如下

• 要循环100次，需要一个计数器i
• 需要一个存储结果的值为sum
• 计算公式：sum=sum+i

for循环之求1~100的平均数

求1~100之间的平均数

for循环求1~100中所有奇数和偶数的和.

思路如下：如何判断一个数为偶数呢？

解：能被2整除且余数为0，则为偶数，反之为奇数。

for循环求100以内能被3整除的和

for循环之学生案例

弹出输入框，输入班级总人数，求出总成绩及平均成绩sum

分析

1.弹出输入框，用户输入班级的总人数(userName)

2.依次输入学生的成绩（保存起来为sorce）,，需要用到for循环，弹出的输入框的次数跟班级总人数有关.条件表达式i<=userName

3.程序内部处理，计算总成绩(sum)，之后再计算平均值(average)

for循环之打印n行星星

分析

1.通过prompt输入的值控制星星的个数
2.通过字符串追加的方式在控制台打印星星

for循环之双重for循环

在for循环的基础上嵌套一个for循环，被称为双重for循环

语法

for(外循环初始化变量；外循环条件表达式；外循环操作表达式) {
    for(内循环初始化变量；内循环条件表达式，内循环操作表达式) {
           //执行的语句
    }
    
}

注意事项

• 内循环可以看做外循环的语句
• 外循环执行一次，内循环执行全部

双重for循环之打印5行5列的星星

• 外层循环负责打印5行星星
• 内层循环负责一行打印5个星星

双重for循环之输入N行N列的星星

双重for循环之打印倒三角形

核心思路：j= i ; j<10 ; j++

双重for循环之打印正三角形

核心思路：j=0;j

双重for循环之打印九九乘法表

• 外层控制行数 总共需要循环9行
• 内层控制列数 核心:j<=i
• 公式: j + ‘*’ + i + ‘=’ + i * j + ‘\t’

for循环之总结

• for循环可以重复执行某些代码
• for循环可执行不同的代码
• 双重for循环，外循环执行一次，内循环全部执行。

while循环

语法

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

注意事项

• while循环中的条件表达式若为true，则执行循环体的语句，反之为false,则不执行循环体的语句
• 执行完循环体的语句后，操作表达式会进行自增，会继续判断条件表达式是否满足（上述步骤）
• while循环可以进行更复杂的条件判断。

while循环之打印hello word

while循环之打印人的一生并提示出生及死亡

while循环之求1～100整数的累加和

while循环之条件判断（你爱我吗）

要求：弹出输入框，除非用户输入我爱你，则停止询问，否则一直无限询问。

do while循环

do while循环是while循环的变体，do while循环至少会执行一次循环体的代码，再去执行操作表达式使变量进行自增或自减,再去判断条件表达式，若为true，则执行循环体的语句，false则不执行

var i =1;
do {
    //循环体语句
    操作表达式
}while(条件表达式)

do while循环之打印人的一生

do while循环之打印1~100之间所有整数的和

do while循环之条件判断（你爱我吗）

要求：弹出输入框，除非用户输入我爱你，则停止提示询问，否则会一直询问下去。

循环之总结

• JS中的循环：for循环 while循环 di while循环
• 在特殊情况下，三者可以相互替换
• do while是while的变体，和while的区别是执行顺序不一样，while循环先判断后执行，do while循环至- 少执行一次
• 重点放在for循环

continue break的区别

continue

continue:跳出本次循环，进行下次循环

求1~100内能被7整除之外所有整数的和

break

立即跳出整个循环，不再进行下次循环

i等于3的时候，跳出整个循环

简易ATM机

使用最简单的switch语句即可