10 条件语句详解

在这一篇教程中,我们将深入探讨 JavaScript 中的控制结构之一:条件语句。条件语句使得程序可以在不同的条件下执行不同的代码块,这对实现逻辑判断至关重要。回顾上一篇,我们了解了 逻辑运算符 及其用法,今天我们将继续学习如何利用条件语句来控制程序的执行流。接下来,我们也会为即将到来的 循环语句 做些铺垫。

条件语句的基本结构

JavaScript 提供了几种类型的条件语句,最常用的包括 if...else 语句、switch 语句等。

1. if 语句

if 语句是最基础的条件语句。它的基本结构如下:

1
2
3
if (条件) {
// 当条件为真时执行的代码
}

示例:

1
2
3
4
5
let score = 85;

if (score >= 60) {
console.log("及格");
}

在这个例子中,当 score 大于等于 60 时,会输出“及格”。

2. if…else 语句

如果我们希望在条件为假时也执行一些代码,可以使用 if...else 语句。

1
2
3
4
5
if (条件) {
// 当条件为真时执行的代码
} else {
// 当条件为假时执行的代码
}

示例:

1
2
3
4
5
6
7
let score = 55;

if (score >= 60) {
console.log("及格");
} else {
console.log("不及格");
}

这里如果 score 小于 60,程序将输出“不及格”。

3. if…else if…else 语句

当我们有多个条件需要判断时,可以使用 if...else if...else 结构。

1
2
3
4
5
6
7
if (条件1) {
// 条件1为真时执行
} else if (条件2) {
// 条件2为真时执行
} else {
// 所有条件为假时执行
}

示例:

1
2
3
4
5
6
7
8
9
10
11
let score = 75;

if (score >= 90) {
console.log("优秀");
} else if (score >= 80) {
console.log("良好");
} else if (score >= 60) {
console.log("及格");
} else {
console.log("不及格");
}

在这个例子中,根据不同的分数段,程序会输出对应的评语。

4. switch 语句

当涉及多个值的条件判断时,switch 语句是一个更清晰的选择。

1
2
3
4
5
6
7
8
9
10
switch (表达式) {
case1:
// 当表达式等于值1时执行的代码
break;
case2:
// 当表达式等于值2时执行的代码
break;
default:
// 当没有匹配的值时执行的代码
}

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
let day = 3; // 星期几(1-7)

switch (day) {
case 1:
console.log("星期一");
break;
case 2:
console.log("星期二");
break;
case 3:
console.log("星期三");
break;
case 4:
console.log("星期四");
break;
case 5:
console.log("星期五");
break;
case 6:
console.log("星期六");
break;
case 7:
console.log("星期日");
break;
default:
console.log("无效的星期");
}

在该示例中,程序会根据 day 的值输出星期几。

结合逻辑运算符

在条件语句中,我们常常会需要结合 逻辑运算符 来构造更复杂的条件判断。&&(与)、||(或)和 !(非)是 JavaScript 中常用的逻辑运算符。

示例:

1
2
3
4
5
6
7
8
let age = 25;
let hasLicense = true;

if (age >= 18 && hasLicense) {
console.log("可以开车");
} else {
console.log("不能开车");
}

在这个例子中,只有当 age 大于等于 18 并且 hasLicense 为真时,程序才会输出“可以开车”。

小结

在本篇教程中,我们详细讲解了条件语句的不同类型,以及如何结合逻辑运算符来创建更复杂的条件判断。条件语句是编程中的重要基石,掌握它们将为你后续学习 循环语句 等更复杂控制结构打下坚实基础。

在下一篇教程中,我们将继续探索控制结构之循环语句,敬请关注!

作者

IT教程网(郭震)

发布于

2024-08-10

更新于

2024-08-10

许可协议

分享转发

交流

更多教程加公众号

更多教程加公众号

加入星球获取PDF

加入星球获取PDF

打卡评论