JavaScript If…Else 语句

在本教程中，您将学习如何在 JavaScript 中使用 if...else...else if 条件语句编写决策代码。

JavaScript 条件语句

与许多其他编程语言一样，JavaScript 还允许您编写代码，在运行时根据逻辑或比较测试条件的结果执行不同的操作。 这意味着，您可以以计算结果为 true 或 false 的表达式的形式创建测试条件，并根据这些结果执行某些操作。

在 JavaScript 中有几个条件语句可以用来做决定：

• if 语句
• if...else 语句
• if...else if....else 语句
• switch...case 语句

我们将在接下来的部分中详细讨论这些陈述。

if 语句

if 语句仅在指定条件的计算结果为真时才用于执行代码块。 这是最简单的 JavaScript 条件语句，可以这样写：

如果当前日期是星期五，以下示例将输出 "周末愉快！"：

var now = new Date();
var dayOfWeek = now.getDay(); // 星期天 - 星期六 : 0 - 6

if(dayOfWeek == 5) {
    alert("周末愉快！");
}

if...else 语句

您可以通过在 if 语句中添加 else 语句来提供替代选择，从而增强 JavaScript 程序的决策能力。

if...else 语句允许您在指定条件的计算结果为真时执行一个代码块，如果它的计算结果为假，则执行另一个代码块。 可以这样写：

如果当前日期是星期五，以下示例中的 JavaScript 代码将输出 "周末愉快！"，否则将输出文本"祝你今天过得愉快！"。

var now = new Date();
var dayOfWeek = now.getDay(); // 星期天 - 星期六 : 0 - 6

if(dayOfWeek == 5) {
    alert("周末愉快！");
} else {
    alert("祝你今天过得愉快！");
}

if...else if...else 语句

if...else if...else 一个特殊的语句，用于组合多个 if...else 语句。

下面的例子如果当天是星期五输出"周末愉快！"，如果当天是星期天输出"周日愉快！"，否则输出"祝你今天过得愉快！"

var now = new Date();
var dayOfWeek = now.getDay(); // 星期天 - 星期六 : 0 - 6

if(dayOfWeek == 5) {
    alert("周末愉快！");
} else if(dayOfWeek == 0) {
    alert("周日愉快！");
} else {
    alert("祝你今天过得愉快！");
}

您将在下一章了解 JavaScript switch-case 语句。

三元运算符

三元运算符提供了一种编写 if...else 语句的简写方式。 三元运算符由问号 (?) 符号表示，它需要三个操作数：要检查的条件、true 的结果和 的结果 错误。 它的基本语法是：

var userType;
var age = 21;
if(age < 18) {
    userType = 'Child';
} else {
    userType = 'Adult';
}
alert(userType); // 显示 Adult

var age = 21;
var userType = age < 18 ? 'Child' : 'Adult';
alert(userType); // 显示 Adult