05-02JavaScript流程控制---循环语句

目标

• 能够说出循环的目的
• 能够说出for循环的执行过程
• 能够使用断电调试来观察代码的执行过程
• 能够使用for循环完成累加求和等案例
• 能够使用双重for循环完成乘法表的案例
• 能够说出while循环和do while循环的区别
• 能够说出break和continue的区别

循环的目的

可以重复执行某些代码

js中的循环

在js中有三种循环语句：

• for循环
• while 循环
• do…while循环
  一组被重复执行的语句被称之为循环体，能否重复执行，取决于循环的终止条件

for循环

1.for 重复执行某些代码 通常跟计数有关系
2.for 语法结构

for(初始化变量;条件表达式;操作表达式){
	//循环体
}
//>.初始化变量 就是用var 声明的一个普通变量，通常作为计数器使用
//4.条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件
//5.操作表达式 每次循环最后执行的代码 经常用于我们计数器变量进行更新（递增或者递减）


//6.代码体验 重复打印100句 你好

for(i = 1; i<=100;i++){
	console.log("你好")
}
1.首先执行里面的计数器变量 var i= 1.但是这句话在for里面只执行一次 index
2.去i<=100判断是否满足条件，如果满足就去执行，不满足就退出循环体
3.最后去执行 i++ i++是单独的代码 递增
4.接着去执行 i<= 100 如果满足条件 就去执行 循环体 不满足条件退出循环 

断点调试

帮助我们观察程序的运行过程

for循环执行不同代码

因为有计数器变量i的存在 i每次循环值都会变化

案例：打印这个人今年1岁到100岁
for(var i = 1;i <= 100; i++){
    console.log("这个人今年"+i+"岁了");
}

for循环重复某些相同动作

案例：求1-100之间整数累加和
let sum = 0;//定义一个接收求和的变量
for(let num = 1;num <= 100;num++){
    sum = sum+num;
}
console.log(sum);//打印5050

案例

打印一行五个星星
//定义一个空字符串 用于列式
let str = "";
for(let i= 1;i<=5;i++){
    str = str+"※"
}
console.log(str);

//假设需要根据用户输入的数字来决定，可稍作调整
let str = "";
let num = prompt('请输入星星的数量：');
for (let i = 0; i < num; i++) {
    str = str + "※"
}
console.log(str);

双重for循环

定义：
在一个循环语句中再定义一个循环语句的语法结构，称之为双重for循环

语法结构
for(外层的初始化变量；外层的条件表达式；外层的操作表达式){
	for(里层的初始化变量；里层的条件表达式；里层的操作表达式){
		//执行语句
	}
}
1.我们可以把里面的循环看做是外层循环的语句
2.外层循环一次，里面的循环执行全部
3.如果可以，请根据以上内容 编写一个九九乘法表案例。

for循环总结

• for循环可以重复执行某些相同代码
• for循环可以重复执行些许不同的代码，因为我们有计数器
• for循环可以重复执行某些操作，比如算数运算符加法操作
• 随着需求增加，双重for循环可以做更多更好看的效果
• 双重for循环，外鞥循环一次，内层for循环全部执行
• for循环是循环条件和数字直接相关的循环
• 分析要比写代码更重要
• 一些核心算法想不到但是要学会，分析它的执行过程
• 举一反三，自己经常总结，做一些相似的案例

---

while循环

while 当…的时候
在条件表达式为真的情况下，循环执行指定的一段代码直到表达式不为真时结束循环。

语法结构
while（条件表达式）{  
	//循环体代码
}
执行思路：
当条件表达式结果为true，则执行循环体，否则退出循环。
里面应该有计数器 初始化变量
也应该有操作表达式，完成计数器的更新 防止死循环

do while循环

while语句的变体，先执行代码块然后再对条件表达式进行判断

语法结构：
do{
	//循环体
}while(条件表达式)

执行思路：
do while先执行循环体 再判断条件 如果条件表达式结构为真，则继续执行循环体，否则退出循环。
do while循环语句至少执行一次循环体代码

do while循环小结

• 大多情况下都可以相互替代使用
• 如果用来计次数，跟数字相关，三者使用基本相同，但for更为常用
• while 和do …while可以做更复杂的判断条件，更为灵活一些
• while先判断后执行，可能一次也不执行，do while先执行后判断，至少执行一次。
• 实际工作中，我们更常用for循环。

---

continue break 关键字

continue

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

举个栗子
//求1-100之间 除了被7整除之外的整数和
let sum = 0;
for(i=1;i<=100;i++){
    if (i % 7 == 0) {
        continue;
    }
    sum += i;
}
console.log(sum);

break

break关键字用于立即跳出整个循环（循环结束）
例如吃5个苹果，吃到第4个发现里面有半个虫子，其余就不吃了。

举个栗子
for (let i = 1; i<=100;i++){
        if (i == 3) {
            break;
        }
        console.log('我正在吃第'+i+'个包子');
    }