上次我们学了条件语句及switch的应用,现在我们学js代码循环的知识。什么是?循环是重复的去执行代码,分别是:for循环、while循环、do-while循环、continue循环和break循环,接下来我们逐条分析。
一、for循环语法:
for(初始值;执行的条件;初始值++){
执行的代码
}
二、while循环语句
初始值;
while(执行的条件){
循环的代码
初始值++;
}
三、do-while循环语句
先执行循环体里的代码,然后在进行条件判断
(不管条件是否成立,至少会执行一次循环体内代码)
初始值;
do{
执行的代码
自增
}while(条件)
上图是for循环、while循环、do-while循环的“公式”。它们的区别是:
for和while 先判断条件是否成立, 成立后才会去执行循环体内的代码块(先判断再循环)
do...while 先执行1次循环体内的代码,然后在判断条件是否成立,是否继续执行代码块(先循环再判断)
for和while的区别
for 中的变量 定义再for循环体内的,循环结束后变量就不能使用了
while 中的变量 是定义再循环外面,循环结束后变量可以继续使用
break; 终止当前所在的循环 continue; 跳出本轮循环,继续下一轮循环
例题 如下;
循环1-100之间的偶数
for(var i=1;i<=100;i++){
if(i%2 == 0){
console.log(`${i}是偶数`)
}
}
弹出两个输入框,一个输入姓名,一个输出停止的数字
var username = prompt('请输入你的姓名')
var number = prompt('请输入停止的数字') //5 10
for(var i = 1;i <= number ;i++){
console.log(`${username}想要的数值是${i}`)
}
循环 100-200直接的数字
for(var i=100;i<=200;i++){
console.log(i)
}
5的倍数 1-100
var a = 1;
while(a<=100){
if(a % 5 == 0){
console.log(`${a}是我的倍数`);
}
a++;
}
continue只能用在循环体内(跳过本次循环,继续下一个循环)。例题如下:
模拟银行取款输入密码的案例;1-总共有三次输入密码的机会,三次的话直接冻结30分钟。2-如果用户输入密码正确,则允许用户取款。3-如果用户输入不正确,提示密码输入错误,还剩余n次机会。
<script>
do while
var count = 0;
do{
var password = prompt('请输入密码');
if(password == '123456'){
alert('恭喜登录成功');
break;
}else{
count++; //2
alert(`密码输入错误。还剩余${3-count}`);
if(count == 3){
alert('账户已冻结')
}
}
}while(count<3);
</script>