
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










