JavaScript的第三天
目录
JS中的循环,使某些代码重复执行
一、for循环:重复执行某段代码,通常用于计数
1、for的语法结构
2、代码解析
3、代码尝试
4、循环重复相同的代码,可以让用户控制输出的次数(对该变量进行遍历)
5、循环重复不同的代码(有计数器i的存在,每次循环使i的循环值发生变化)
for循环对某些操作进行重复执行直到达到计数器上限
二、while循环:进行无次数限制的循环,通常适用于无法提前得知所需循环的次数
1、while循环语法结构(当......的时候)
2、代码解析
3、代码尝试
4、do while循环:与while不同的地方在于 do while 先执行一次循环体,再判断条件 如果条件表达式结果为真,则继续执行循环体,否则退出循环
5、do while的循环案例
三、打断方式
1、continue 关键字:退出本次(当前次的循环),继续执行剩余次数循环
2、break关键字:退出整个循环
JS中的循环,使某些代码重复执行
一、for循环:重复执行某段代码,通常用于计数
1、for的语法结构
for (初始化变量; 条件表达式; 操作表达式)
{
循环体
}
2、代码解析
初始化变量:声明一个变量,或一个已经声明的变量,通常是作为计数器的起点使用
条件表达式:循环结束所需要的条件,以此来判断每次循环是否结束
操作表达式:每次循环最后执行的代码,通常用于我们的计数器更新状态
循环体:输出结果
3、代码尝试
for (var a = 1 ; a <=100 ; a++)
{
console.log(a);
}
/*该处代码中,使用for循环进行运算输出,先定义一个a=1,通过for循环的条件表达式判断
返回true和false进行选择是否继续运行后续循环*/
/*当条件表达式返回值为true时,对后续花括号内的代码进行输出,并运行操作表达式,使计数器加一*/
/*当条件表达式返回值为false时,打断当前循环并跳出循环,不做任何输出*/
4、循环重复相同的代码,可以让用户控制输出的次数(对该变量进行遍历)
var num = +prompt("请输入班级学生人数")
var total = 0
for (var i = 1; i <= num; i++) {
var score = +prompt("请输入第" + i + "个学生的成绩")
total += score
}
console.log(total);
5、循环重复不同的代码(有计数器i的存在,每次循环使i的循环值发生变化)
for (var i = 1; i <= 100; i++) {
console.log("今年" + i + "岁了");
}
for循环对某些操作进行重复执行直到达到计数器上限
// for 循环重复执行某些操作,比如说我们做了100次加法运算 // 求 1~100 之间的整数累加和 // 需要循环100次,我们需要一个计数器i来进行计数 // 我们需要一个存储结果的变量 sum ,但是初始值一定是 0 // 核心算法:1 + 2 + 3 + 4 .... ,sum = sum + i; // 1+1 =2 var sum = 0 for (var i = 1; i <= 100; i++) { sum += i } console.log(sum);
二、while循环:进行无次数限制的循环,通常适用于无法提前得知所需循环的次数
1、while循环语法结构(当......的时候)
while (条件表达式)
{
循环体
}
2、代码解析
(1)条件表达式:循环执行所需要的条件,当返回值为true时执行循环体,false就退出循环。
(2)循环体:循环代码中需含有计数器,来进行初始化变量。
(3)循环体代码中需含有操作表达式 ,完成计数器的更新,防止死循环
(4)循环体内如果无计数器,容易导致爆栈
在一些情况下,我们需要对条件进行判断,某些特定条件可以使用 !进行取反值来达到退出循环的操作。
3、代码尝试
var i = 0;
while (i < 5) {
console.log(i);
i++;
}
//该处代码先声明一个i并对其赋值,在之后的代码运用中,可以单声明变量或在循环中对变量赋值
//声明并赋值一个i=5,进入while循环中执行条件判断,当i<5时,执行循环体
//循环体中含有一个控制塔打印i值,并对计数器i进行更新,使计数器正常运行
//注:在删除i++后会导致程序一直运行并占用内存,如不终止程序则会导致内存达到上限,程序爆栈
//当条件表达式返回的值为false时,则终止程序进行输出
4、do while循环:与while不同的地方在于 do while 先执行一次循环体,再判断条件 如果条件表达式结果为真,则继续执行循环体,否则退出循环
do
{
循环体
}
while (条件表达式)
注:do while 循环至少执行一次
5、do while的循环案例
var isLove = ""
do {
isLove = prompt("你爱我吗?")
} while (!(isLove = "我爱你"))
console.log("我知道你真的爱我");
三、打断方式
1、continue 关键字:退出本次(当前次的循环),继续执行剩余次数循环
2、break关键字:退出整个循环
// 例如,吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个第5个包子
for (var i = 1; i <= 5; i++) {
if (i == 3) {
console.log("呀!第" + i + "个包子加餐了");
continue
}
console.log("第" + i + "个包子真好吃");
}
//该代码执行到第三个直接退出程序并结束循环
for (var i = 1; i <= 5; i++) {
if (i == 3) {
console.log("这家是黑店,退钱");
break
}
console.log("第" + i + "个包子真好吃");
}