一、JavaScript if...else 语句

if...else 语句用于根据条件执行不同的代码块。在 JavaScript 中，if...else 是最常用的控制流语句之一。根据条件的真假，程序会决定执行不同的代码路径。

1、基本语法

if (condition) {
    // 如果 condition 为 true，执行这个代码块
} else {
    // 如果 condition 为 false，执行这个代码块
}

2、示例：基本的 if...else 语句

let age = 20;

if (age >= 18) {
    console.log("你是成年人！");
} else {
    console.log("你是未成年人！");
}

在这个例子中，if 语句检查 age 是否大于或等于 18，如果为 true，执行 console.log("你是成年人！")；如果为 false，则执行 console.log("你是未成年人！")。

---

二、if...else if...else 语句

有时需要多个条件判断，可以使用 else if 来判断多个不同的条件。

1、语法

if (condition1) {
    // 如果 condition1 为 true，执行这个代码块
} else if (condition2) {
    // 如果 condition2 为 true，执行这个代码块
} else {
    // 如果以上条件都不满足，执行这个代码块
}

2、示例：多个条件的 if...else if...else

let score = 85;

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

在这个例子中，我们根据 score 的值来输出不同的结果。如果 score 大于或等于 90，输出“成绩优秀”；如果在 75 到 89 之间，输出“成绩良好”；如果在 60 到 74 之间，输出“成绩合格”；否则输出“成绩不及格”。

---

三、if 语句的嵌套（Nested if）

你可以将一个 if 语句嵌套在另一个 if 语句中，进行更复杂的条件判断。

示例：嵌套的 if 语句

let age = 20;
let hasPermission = true;

if (age >= 18) {
    if (hasPermission) {
        console.log("可以访问该页面");
    } else {
        console.log("没有权限访问该页面");
    }
} else {
    console.log("未满18岁，不能访问该页面");
}

这个例子中，首先判断 age 是否大于或等于 18，如果是，再进一步判断 hasPermission 是否为 true。这种嵌套的判断可以处理更复杂的业务逻辑。

---

四、if 语句的简写方式

在 JavaScript 中，你可以使用 三元运算符 来简写 if...else 语句，尤其适用于条件判断结果只有两个情况的情况。

三元运算符简写 if...else

let age = 20;
let result = (age >= 18) ? "成年人" : "未成年人";
console.log(result);  // 输出: 成年人

这段代码使用三元运算符替代了 if...else 语句。它检查 age 是否大于或等于 18，如果是，result 为 "成年人"，否则为 "未成年人"。

---

总结

• if...else 用于根据条件判断执行不同的代码块。
• else if 允许你在 if 条件不满足时，添加多个额外的条件判断。
• 嵌套的 if 语句允许你进行更复杂的条件判断。
• 可以使用三元运算符来简化简单的条件判断。

这些语句是 JavaScript 中常见的控制流语句，可以帮助你根据不同的条件执行不同的操作。更多详细内容请关注其他相关文章！