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