目标

能够说出循环的目的

能够说出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+'个包子');}

05-02JavaScript流程控制---循环语句相关推荐

vb.net 教程 2-3 流程控制:循环语句 For...Next
版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的. For...Next 语句用于执行重复操作最简单的结构: For 初始值 To 结束值执 ...
java循环语句三角形_JAVA——程序流程控制——循环语句——for循环（打印三角形）...
//要求:用*打印出一个直角三角形.高8*. public class zhijiaosanjiaoxing { public static void main(String[] args) { fo ...
【 js基础 Day2】js的流程控制:分支语句,循环.顺序结构
复习 JavaScript简称为JS JavaScript是什么? 是一门脚本语言:不需要编译,直接运行是一门解释性的语言:遇到一样代码就解释一行代码 C#语言是一门面向对象的语言,也是编译语言,是 ...
java基础流程控制语句循环流程控制控制循环语句
Java基础一.顺序结构顺序结构是最常见的结构 , 代码按先后依次执行: 顺序结构语句有许多种 1.if语句包括 1.if(条件 ){ 语句体}: 2.if ( 条件 ){语句体一}else{ ...
PLSQL基础语法二-流程控制,循环
2019独角兽企业重金招聘Python工程师标准>>> --流程控制 --分支语句 --练习1:字符串 declarestr varchar2(18):='b'; beginif(s ...
JavaScript流程控制-循环（循环（for 循环，双重 for 循环，while 循环，do while 循环，continue break））
目录 JavaScript流程控制-循环循环 for 循环执行过程: 断点调试: 案例一:求1-100之间所有整数的累加和案例二:求1-100之间所有数的平均值案例三:求1-100之间所有偶数 ...
web前端学习584-610（JavaScript流程控制-循环---for循环 while循环 do...while循环 continue break）
文章目录 JavaScript流程控制-循环 1 循环 2 for 循环案例1:求1-100之间所有的整数的累加和案例2:求学生成绩案例3:一行打印五个星星 3 双重for 循环案例:打印五行 ...
c语言循环次数控制,3 C语言流程控制循环跳转
3 C语言流程控制循环跳转选择: if switch 循环 while,do while ,for ,嵌套跳转 break goto continue 第3章流程控制学习目标 u掌握选 ...
Python学习(七) 流程控制if语句
在Python中流程控制if语句采用如下格式: if expression : statement elif expression : statement elif expression : stat ...

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

目标

循环的目的

js中的循环

for循环

断点调试

for循环执行不同代码

for循环重复某些相同动作

案例

双重for循环

for循环总结

while循环

do while循环

do while循环小结

continue break 关键字

continue

break

05-02JavaScript流程控制---循环语句相关推荐

最新文章

热门文章