JavaScript 控制流 If-Else 和 Switch

Javascript教程 2025-10-22

介绍

控制流是 JavaScript 中的一个基本概念,它决定了代码的执行顺序。作为初学者,了解 JavaScript 如何使用控制结构进行决策至关重要。

我们将介绍如何应用ifelse        ifelseswitch语句来控制程序流程。

这些控制工具让您的应用程序根据不同的场景做出决策。

您将学到什么

  1. “if”语句

  2. ‘else if’ 和 ‘else’ 块

  3. 'switch' 语句

if 语句

if语句用于仅当指定条件为真时执行代码块。

句法:

if (condition) {
  // code to run if the condition is true
}

现实生活中的例子:

let age = 18;
if (age >= 18) {
  console.log("You can now attend a party");
}

解释:

仅当年龄值为 18 或以上时才会触发此消息。

else if 和 else 语句

else if语句允许您测试多个条件,而 else 则在先前的条件都不成立时提供默认操作。

句法:

if (condition1) { 
  // code if condition1 is true
} else if (condition2) { 
  // code if condition2 is true
} else { 
  // code if none are true
}

现实生活中的例子:

let score = 75;
if (score >= 90) { 
  console.log("Grade: A");
} else if (score >= 70) { 
  console.log("Grade: B");
} else { 
  console.log("Grade: C");
}

解释:

这将检查分数并打印相应的等级。一旦满足真条件,则不再检查其余条件。

Switch 语句

switch语句用于根据多个可能值对一个表达式进行求值。在比较同一个变量时,它通常比使用多个 else if 语句更简洁。

句法:

switch (expression) { 
  case value1: 
    // code block 
    break; 
  case value2: 
    // code block 
    break; 
  default: 
    // default code block
}

现实生活中的例子:

day = "Monday";
switch (day) { 
  case "Monday": 
    console.log("Start of the work week."); 
    break; 
  case "Friday": 
    console.log("Last work day of the week."); 
    break; 
  default: 
    console.log("Just another day.");
}

解释:

case:每个case代表一个可能匹配的表达式。如果表达式匹配某个case值,则执行该代码块内的代码。

break:break语句告诉 JavaScript 停止检查后续的 case 语句并退出 switch    语句块。如果没有break,代码就会“失败”,继续执行下一个 case 语句,即使它不匹配。

default:如果表达式与任何列出的 case 值都不匹配,则运行此部分。switch 语句的“else”。

它提供了一种巧妙的方法来管理依赖于同一表达式的多个条件。

结论

理解 JavaScript 控制流对于编写逻辑驱动的应用程序至关重要。if else    ifelseswitch语句能够指导程序在不同条件下的行为。

  • 当您想要检查单一条件时使用if 。

  • 添加else ifelse来处理多种可能性。

  • 当针对多个值评估单个变量时,使用开关可以获得更清晰、更易读的代码。

通过掌握这些控制结构,您将更好地控制代码,并构建动态、响应迅速的应用程序。继续使用实际示例进行练习,以加深您的理解。