JavaScript 流程控制语句

最新推荐文章于 2024-12-12 16:45:51 发布

原创最新推荐文章于 2024-12-12 16:45:51 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #流程控制 #结构

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了编程中常用的if语句、if...else语句、if...else嵌套语句、switch语句以及for、while和do...while循环语句的使用方法，并通过实例演示了如何利用这些语句进行条件判断和循环操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if语句

if语句是基于条件成立才执行相应代码时使用的语句。

语法结构

if(条件){ 
// 条件成立时执行代码
}

如：

var a = 10;
if( a < 12 ){
    alert(a)       // 弹出 10
}

if…else语句

if…else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法结构

if(条件){ 
    // 条件成立时执行的代码
}else{
    // 条件不成立时执行的代码
}

如：

var name = "龙门课栈";
if( name == "龙门课栈" ){
    alert("成立")；      // 成立
}else{
    alert("不成立")
}

if..else嵌套语句

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法结构

if(条件1){ 
//  条件1成立时执行的代码
}
else  if(条件2){ 
//  条件2成立时执行的代码
}
...
else  if(条件n){ 
//  条件n成立时执行的代码
}
else{ 
//  条件1、2至n不成立时执行的代码
}

问：假设数学考试，小明考了88分，给他做个评价，60分以下的不及格，60(包含60分)-75分为良好，75(包含75分)-85分为很好，85(包含75分)-100优秀。

var result = 88 ;
if( result < 60 ){
    alert("不及格");
}else if( 60 <= result < 75 ){
    alert("良好");    
}else if( 75 <= result < 85 ){
    alert("很好");    
}else{
    alert("优秀");     // 优秀
}

Switch语句

语法结构

switch(表达式){
case值1:
  执行代码块 1
  break;
case值2:
  执行代码块 2
  break;
...
case值n:
  执行代码块 n
  break;
default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

问：假设评价学生的考试成绩，10分满分制，我们按照每一分一个等级将成绩分等，并根据成绩的等级做出不同的评价。

var result = 8 ;
switch(result){
case 4:
  var remark = "渣渣 继续努力吧";
  document.write("评语:" + remark)
  break;
case 8:
  var remark = "优秀";
  document.write("评语:" + remark);
  break;
case 10:
 var remark = "完美";
  document.write("评语:" + remark);
  break;
default:
  var remark = "你咋不上天呢";
  document.write("评语:" + remark);
}

输出 -> 评语:优秀

for循环

语法结构

for(初始化变量;循环条件;循环迭代){     
  //   循环语句 
 }

如：

for (var num=1;num<=6;num++) {   
    document.write(num+"个球<br />");
}

结果：

while循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

语法结构

while(判断条件){
 //   循环语句
 }

使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。

var num = 0;  //初始化值
while (num <= 6){          //条件判断
  document.write("取出第"+num+"个球<br />");
  num = num + 1;  //条件值更新
}

Do…while循环

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

语法结构

do{
   //  循环语句
 }while(判断条件)

如：

  var num= 1;
   do{
     document.write(num+",");
     num++;    //更新条件
   }while (num<=5)

1,2,3,4,5

退出循环break

语法结构

for(初始条件;判断条件;循环后条件值更新){
  if(特殊情况){
      break;
  }
  循环代码
}

如：

var num;
for( var num = 0; num <= 10; num++ ){
    if( num == 5 ){
        break;  // 如果是 5 时 退出循环
    }
    document.write("输出的值：" +num +"<br/>")   
}

结果：

输出的值：1
输出的值：2
输出的值：3
输出的值：4

注:当num=5的时候循环就会结束，不会输出后面循环的内容。

继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

语法结构

for(初始条件;判断条件;循环后条件值更新){
  if(特殊情况){ 
      continue; 
  }
 // 循环代码
}

如：

var num;
for( var num = 0; num <= 10; num++ ){
    if( num == 5 ){
        continue;  // 如果是 5 时 退出循环
    }
    document.write("输出的值：" +num +"<br/>")   
}

结果：

输出的值：1
输出的值：2
输出的值：3
输出的值：4
输出的值：6
输出的值：7
输出的值：8
输出的值：9
输出的值：10

PS : 注:上面的代码中，num=5的那次循环将被跳过。