您的位置:

双分支结构详解

一、if语句

if语句是一种双分支结构,其基本语法如下:

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

if语句先判断条件是否成立,如果成立则执行if语句块内的语句,否则执行else语句块内的语句。

if语句可以嵌套使用,例如:

if (条件1) {
  // 条件1成立时执行的语句
  if (条件2) {
    // 条件1和条件2都成立时执行的语句
  } else {
    // 条件1成立但条件2不成立时执行的语句
  }
} else {
  // 条件1不成立时执行的语句
}

二、switch语句

switch语句也是一种双分支结构,其基本语法如下:

switch (表达式) {
  case 值1:
    // 当表达式等于值1时执行的语句
    break;
  case 值2:
    // 当表达式等于值2时执行的语句
    break;
  default:
    // 当表达式不等于任何一个case时执行的语句
}

switch语句会根据表达式的值执行相应的case语句块,如果没有匹配的case语句块,则执行default语句块。需要注意的是,每个case语句块必须以break语句或return语句结束,否则会继续执行下一个case语句块。

switch语句也可以使用嵌套的if语句来实现,不过这样会使代码变得复杂难懂,不推荐使用。

三、两种双分支结构的比较

在使用双分支结构时,我们可以根据实际情况选择if语句或switch语句。需要注意的是,如果条件比较简单、直接,建议使用if语句;如果条件比较复杂,需要判断多个取值时,建议使用switch语句。

另外,if语句可以添加else if语句来判断多个条件,而switch语句只能使用case语句块来判断值。因此,在选择双分支结构时,还需要考虑到代码的可读性、易维护性等因素。

四、实例演示

下面是一个使用if语句的实例:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>if语句实例</title>
</head>
<body>
  <script>
    var score = 80;
    if (score >= 90) {
      document.write("优秀");
    } else if (score >= 80) {
      document.write("良好");
    } else if (score >= 70) {
      document.write("中等");
    } else if (score >= 60) {
      document.write("及格");
    } else {
      document.write("不及格");
    }
  </script>
</body>
</html>

上面的代码根据学生的成绩给出相应的评定结果。

下面是一个使用switch语句的实例:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>switch语句实例</title>
</head>
<body>
  <script>
    var color = "red";
    switch (color) {
      case "red":
        document.write("红色");
        break;
      case "green":
        document.write("绿色");
        break;
      case "blue":
        document.write("蓝色");
        break;
      default:
        document.write("未知颜色");
    }
  </script>
</body>
</html>

上面的代码根据颜色的取值给出相应的中文名称。