JavaScript 条件语句详解：if、else 和 switch
JavaScript 条件语句根据不同条件执行不同代码块，控制程序流程，实现程序决策。本文将详细讲解 if、else 和 switch 语句。
1. if 语句
if 语句在条件为真时执行代码块。
语法：
1
2
3
if (condition) {
// 条件为真时执行的代码
}
示例：
立即学习“Java免费学习笔记（深入）”；
1
2
3
4
let age = 18;
if (age >= 18) {
console.log("您已成年。");
}
输出：您已成年。
2. if...else 语句
if...else 语句在条件为真时执行一个代码块，为假时执行另一个代码块。
语法：
1
2
3
4
5
if (condition) {
// 条件为真时执行的代码
} else {
// 条件为假时执行的代码
}
示例：
立即学习“Java免费学习笔记（深入）”；
1
2
3
4
5
6
let age = 16;
if (age >= 18) {
console.log("您已成年。");
} else {
console.log("您未成年。");
}
输出：您未成年。
3. if...else if...else 语句
语法：
1
2
3
4
5
6
7
if (condition1) {
// condition1 为真时执行的代码
} else if (condition2) {
// condition1 为假，condition2 为真时执行的代码
} else {
// 所有条件都为假时执行的代码
}
示例：
立即学习“Java免费学习笔记（深入）”；
1
2
3
4
5
6
7
8
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 语句更简洁易读。
语法：
1
2
3
4
5
6
7
8
9
10
11
switch (expression) {
case value1:
// expression 等于 value1 时执行的代码
break;
case value2:
// expression 等于 value2 时执行的代码
break;
// ...更多 case
default:
// 没有任何 case 匹配时执行的代码
}
示例：
立即学习“Java免费学习笔记（深入）”；
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
以上就是掌握 JavaScript 中的条件语句：if、else 和 switch 解释的详细内容，更多请关注php中文网其它相关文章！