JavaScript 条件语句

栏目: Javascript 发布时间:2024-11-04

在 JavaScript 中,条件语句用于根据特定条件执行不同的代码块。这些语句使你能够控制程序的流程,并根据不同的条件做出决策。本教程将介绍 JavaScript 中的主要条件语句:if 语句、else if 语句、else 语句、switch 语句以及条件运算符(也称为三元运算符)。

1. if 语句

if 语句用于在条件为真时执行一段代码。

let age = 18;

if (age >= 18) {
  console.log("You are an adult.");
}

在这个例子中,如果 age 变量的值大于或等于 18,那么控制台将输出 "You are an adult."。

2. if...else 语句

if...else 语句用于在条件为真时执行一段代码,否则执行另一段代码。

let age = 16;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

在这个例子中,如果 age 小于 18,控制台将输出 "You are a minor."。

3. if...else if...else 语句

你可以使用多个 else if 语句来检查多个条件。

let age = 14;

if (age >= 18) {
  console.log("You are an adult.");
} else if (age >= 13 && age < 18) {
  console.log("You are a teenager.");
} else {
  console.log("You are a child.");
}

在这个例子中,根据 age 的值,控制台将输出相应的信息。

4. switch 语句

switch 语句用于基于一个表达式的值执行不同的代码块。

let fruit = "apple";

switch (fruit) {
  case "banana":
    console.log("I am a banana.");
    break;
  case "apple":
    console.log("I am an apple.");
    break;
  case "orange":
    console.log("I am an orange.");
    break;
  default:
    console.log("Unknown fruit.");
}

在这个例子中,fruit 变量的值是 "apple",所以控制台将输出 "I am an apple."。注意,每个 case 块后面都有一个 break 语句,以防止代码自动执行到下一个 case 块。

5. 条件运算符(三元运算符)

条件运算符是一个简洁的方式,用于在单行代码中执行简单的条件判断。

let age = 18;
let status = (age >= 18) ? "adult" : "minor";

console.log(status); // 输出 "adult"

在这个例子中,如果 age 大于或等于 18,status 将被赋值为 "adult",否则将被赋值为 "minor"。

6. 嵌套条件语句

你可以在一个条件语句内部嵌套另一个条件语句,以创建更复杂的逻辑。

let age = 20;
let hasID = true;

if (age >= 18) {
  if (hasID) {
    console.log("You can enter.");
  } else {
    console.log("You need an ID to enter.");
  }
} else {
  console.log("You are not old enough to enter.");
}

在这个例子中,如果 age 大于或等于 18 并且 hasID 为真,控制台将输出 "You can enter."。

总结

条件语句是 JavaScript 编程中的基础,它们使你能够根据不同的条件执行不同的代码。通过学习和实践,你可以掌握这些语句的用法,并在实际编程中灵活运用它们来创建复杂的逻辑和决策。记住,在编写条件语句时,要始终注意代码的可读性和可维护性,避免过度嵌套和复杂的逻辑。

本文地址:https://www.tides.cn/p_js-conditional-statement

标签: 前端教程