本文详细解析 JavaScript 中的条件与循环控制结构。涵盖单分支、多分支 if 语句及 switch 语句的区别，深入讲解 while、do...while、for、for...in 和 for...of 循环的语法与适用场景，并介绍 break 和 continue 对循环的控制及嵌套循环的应用。
选择结构
单分支if语句
if(条件){
条件满足后执行的代码
}
若大括号内仅含单条语句，虽可省略大括号，但强烈不建议此写法
if(条件)
console.log('点点点')
双分支if语句
if (条件){
条件满足后执行的代码
}
else{
条件不满足后执行的代码
}
多分支if语句
if(条件1){
代码1
}
else if(条件2){
代码2
}
......
else{
以上条件都不满足执行的代码
}
switch语句
var today=1
switch(today){
case 1:
console.log('工作日')
break
case 2:
console.log('工作日')
break
case 3:
case 4:
case 5:
console.log('工作日')
break
default
console.log('休息日')
break
switch与if的区别
- switch仅支持等值判断，而if
- 无区间限制，适用于连续区间的判断
循环结构
循环指重复执行特定操作
while循环
//循环10次
var i=1
while(i<=10){
console.log('111111')
i++
}
//案例：计算100以内整数之和
var i=1
var sum = 0
while(i<=100){
sum+=i
i++
}
案例
在页面输出[1,200]之间所有能被7整除，但不能被4整除的所有整数，并统计个数，同时要求输出每行显示5个
var i=1
var count = 0
while(i<=200){
if(i%7==0 && i%4!=0){
document.write(i+" ")
count++;//统计个数
// 判断每输出5个换一行
if(count%5==0){
document..write('<br>');
}
}
i++;
document.write('<br>共计: '+count+'个')
do...while循环
先执行代码体，后判断条件
var i=1;
do{
console.log('好好学习,天天向上!')
i++;
}while(i<=10)
#案例
#计算1-50之间得倍数
<script type="text/javascript">
var i=1;
var sum=0;
do{
if(i%6==0){
sum+=i
}
i++;
}while(i<=50)
console.log(sum)
</script>
#案例
# 循环提示用户输入5个数，按q结束,然后输出其中最大值和最小值
#先提示用户输入一次，然后将该数字作为最大值和最小值
var num=Number(prompt('请输入一个征属(按q结束):'))
var max=num;
var min=num;
var flag=true //标识是否继续循环
var i = 1;
do{
var num=Number(promot('请输入一个整数!'))
#判断用户是否输入q
if(num=='q'){
flag=false //如果输入q则将flag改为false，表示停止循环
}else{
num=Number(num)
if(num>max){
max=num;
}
if (num<min){
min=num
}
}while(flag)
console.log(max)
console.log(min）
for循环
语法格式
for(初始化:条件:迭代){
代码块
}
初始化部分仅在循环启动时执行一次
初始化后判断条件，若成立则执行代码块及迭代部分
for...in循环
用于遍历集合数据
遍历返回的是集合中的索引顺序（从0开始），而非数据本身
<script type="text/javascript">
var str = 'abc'
for(var index in str){
console.log(index,str[index])
}
</script>
for...of循环
用于对集合数据进行迭代遍历
直接获取集合中的值
<script type="text/javascript">
var str = 'abc'
for(var index of str){
console.log(index)
}
</script>
小结
- 循环次数已知时，通常使用for循环
- 循环次数未知时，通常使用while和do...while
- 遍历集合时，使用for...in和for...of
终止循环
break语句
break用于跳出整个循环，终止其执行
案例
//当1-20之间整数相加，当累加值大于66时停止相加，输出当前整数和累加值
var sum=0
for(var i=1;i<=20;i++){
sum+=1
if(sum>66){
break
}
}
continue语句
跳过本次循环剩余部分，直接进入下一次循环
//计算1-10之间所有偶数和
var sum=0;
for(var i=1;i<=10;i++){
if(i%2!=0){
continue
}
sum+=i
}
嵌套循环
一个循环内部包含另一个循环，称为二重循环，各类循环可相互嵌套
外层循环变量每变化一次，内层循环完整执行一遍
//案例
//某次程序大赛，共有三个班级参加，每个班级4名学生，输入各班级每个学生成绩，然后计算各班级平均分
for(var i=1;i<=3;i++){
alert('请输入第'+i+'个班级学生信息---')
//内层循环控制班级学生数量
var sum=0
for(var j=1;j<=4;j++){
var score=Number(prompt('请输入第'+j+'个学生成绩:'))
sum+=score;
}
console.log('第'+i+'个班级平均分为:'+sum/4)
}
<script type="text/javascript">
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write(j+'*'+i+'='+i*j+'  ')
}
document.write('<br>')
}
</script>
总结
本文到此结束，希望能对您有所帮助，欢迎持续关注本站更多内容！