Hello! 欢迎来到小浪资源网!



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


掌握 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("未知水果。"); }

输出:您选择的是苹果

5. if…else 与 switch 的比较

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

总结

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

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

相关阅读