掌握 JavaScript 中的条件语句：if、else 和 switch 解释-js教程-PHP中文网

掌握 JavaScript 中的条件语句：if、else 和 switch 解释

聖光之護

发布： 2024-12-17 23:00:14

原创

465人浏览过

掌握 javascript 中的条件语句：if、else 和 switch 解释

JavaScript 条件语句详解：if、else 和 switch

JavaScript 条件语句根据不同条件执行不同代码块，控制程序流程，实现程序决策。本文将详细讲解 if、else 和 switch 语句。

1. if 语句

if 语句在条件为真时执行代码块。

语法：

if (condition) {
  // 条件为真时执行的代码
}

登录后复制

示例：

立即学习“Java免费学习笔记（深入）”；

let age = 18;
if (age >= 18) {
  console.log("您已成年。");
}

登录后复制

输出：您已成年。

2. if...else 语句

if...else 语句在条件为真时执行一个代码块，为假时执行另一个代码块。

语法：

if (condition) {
  // 条件为真时执行的代码
} else {
  // 条件为假时执行的代码
}

登录后复制

示例：

立即学习“Java免费学习笔记（深入）”；

let age = 16;
if (age >= 18) {
  console.log("您已成年。");
} else {
  console.log("您未成年。");
}

登录后复制

输出：您未成年。

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

处理多个条件时，使用 if...else if...else 语句。依次检查条件，直到找到第一个为真的条件。

语法：

if (condition1) {
  // condition1 为真时执行的代码
} else if (condition2) {
  // condition1 为假，condition2 为真时执行的代码
} else {
  // 所有条件都为假时执行的代码
}

登录后复制

示例：

立即学习“Java免费学习笔记（深入）”；

let age = 20;
if (age < 18) {
  console.log("您未成年。");
} else if (age >= 18 && age < 65) {
  console.log("您已成年。");
} else {
  console.log("您已退休。");
}

登录后复制

输出：您已成年。

4. switch 语句

switch 语句根据表达式的值执行不同的代码块，比多个 if...else if 语句更简洁易读。

语法：

switch (expression) {
  case value1:
    // expression 等于 value1 时执行的代码
    break;
  case value2:
    // expression 等于 value2 时执行的代码
    break;
  // ...更多 case
  default:
    // 没有任何 case 匹配时执行的代码
}

登录后复制

示例：

立即学习“Java免费学习笔记（深入）”；

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("您选择的是苹果。");
    break;
  case "banana":
    console.log("您选择的是香蕉。");
    break;
  case "orange":
    console.log("您选择的是橙子。");
    break;
  default:
    console.log("未知水果。");
}

登录后复制

输出：您选择的是苹果。