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

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

聖光之護

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

原创

565人浏览过

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

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

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

1. if 语句

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

语法：

<code class="javascript">if (condition) {
  // 条件为真时执行的代码
}</code>

登录后复制

示例：

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

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

登录后复制

输出：您已成年。

2. if...else 语句

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

语法：

<code class="javascript">if (condition) {
  // 条件为真时执行的代码
} else {
  // 条件为假时执行的代码
}</code>

登录后复制

示例：

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

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

登录后复制

输出：您未成年。

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

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

百度文心百中

百度大模型语义搜索体验中心

查看详情

语法：

<code class="javascript">if (condition1) {
  // condition1 为真时执行的代码
} else if (condition2) {
  // condition1 为假，condition2 为真时执行的代码
} else {
  // 所有条件都为假时执行的代码
}</code>

登录后复制

示例：

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

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

登录后复制

输出：您已成年。

4. switch 语句

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

语法：

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

登录后复制

示例：

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

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

登录后复制

输出：您选择的是苹果。

5. if...else 与 switch 的比较

if...else 更灵活，支持复杂的条件逻辑。
switch 在检查变量的多个值时更高效、更易读。

总结

JavaScript 的条件语句 (if、else 和 switch) 用于控制程序流程，根据不同条件执行不同代码。灵活运用这些语句能编写出高效、简洁的代码。

作者：Abhay Singh Kathayat，全栈开发工程师，联系邮箱：kaashshorts28@gmail.com

以上就是掌握 JavaScript 中的条件语句：if、else 和 switch 解释的详细内容，更多请关注php中文网其它相关文章！