14 JavaScript学习：条件语句

JavaScript条件语句

JavaScript中的条件语句主要用于根据条件执行不同的代码块。以下是对JavaScript条件语句概念的详细解释和分类：

1. if语句：

• 单个if语句：最简单的条件语句，根据条件判断是否执行特定的代码块。
• if…else语句：在条件成立时执行一段代码块，在条件不成立时执行另一段代码块。
• if…else if…else语句：用于测试多种可能情况的语句。

2. switch语句：

• switch…case语句：基于不同的条件值执行不同的代码块，适用于多个条件值的情况。

3. 三元运算符：

• 使用 条件 ? 值1 : 值2 的形式，可以根据条件的真假返回不同的值。

4. 逻辑操作符：

• 逻辑与（&&）：当所有条件都为真时才执行相关代码。
• 逻辑或（||）：只要有一个条件为真就执行相关代码。
• 逻辑非（!）：将true转换为false，false转换为true。

5. Falsy值和Truthy值：

• JavaScript中有Falsy和Truthy概念，Falsy值包括 false、0、‘’、null、undefined 和 NaN，其他值被视为Truthy值。

6. 嵌套的条件语句：

• 可以在一个条件语句内部嵌套另一个条件语句，以实现更复杂的逻辑判断。

7. 条件语句应用：

• 条件语句通常用于根据用户输入或程序状态来进行决策，可以实现按需执行不同的代码块。

通过合理使用上述条件语句，您可以根据特定条件执行相应的代码，从而实现灵活的控制流程和逻辑。这些条件语句的结合使用能够帮助您构建功能完善的JavaScript应用程序。

if语句

在JavaScript中，单纯的 if 语句用于根据特定条件执行一段代码。下面是一个简单的示例，演示了如何使用单纯的 if 语句：

let hour = 10;
if (hour < 12) {
    console.log('Good morning!');
}

在上面的示例中，如果 hour 的值小于12，则会输出 'Good morning!'。如果 hour 的值不满足条件，console.log 语句将不会被执行。

单纯的 if 语句非常适用于只有一个条件需要判断的情况。在实际编程中，您可以根据不同的条件来执行不同的代码块，实现程序的流程控制和逻辑判断。

if…else语句

在JavaScript中，if...else语句用于在条件为真时执行一段代码块，而在条件为假时执行另一段代码块。下面是一个示例，展示了如何使用if...else语句：

let age = 18;
if (age >= 18) {
    console.log('您已经成年！');
} else {
    console.log('您还未成年！');
}

在上面的示例中，如果age的值大于等于18，则会输出'您已经成年！'；否则，会输出'您还未成年！'。这样可以根据年龄的不同来显示不同的提示信息。

if...else语句在需要根据条件选择不同路径执行代码块时非常有用。通过合理使用if...else语句，您可以实现更复杂的逻辑判断和流程控制。

if…else if…else语句

JavaScript中的if...else if...else语句允许您根据多个条件选择不同的代码块执行。这种语句非常适用于需要考虑多种情况的场景。以下是一个示例：

let time = 14;
if (time < 12) {
    console.log('早上好！');
} else if (time < 18) {
    console.log('下午好！');
} else {
    console.log('晚上好！');
}

在上面的示例中，根据time的不同值，会输出不同的问候语。如果time小于12，则输出'早上好！'；如果time在12到18之间，则输出'下午好！'；否则输出'晚上好！'。

通过合理使用if...else if...else语句，您可以根据不同的情况选择执行相应的代码块，实现复杂的条件判断和程序流程控制。

if…else嵌套语句

在JavaScript中，您可以嵌套使用if...else语句来处理更复杂的条件逻辑。这种嵌套方式允许您在一个条件块内再包含另一个条件块。以下是一个简单的示例：

let hour = 10;
let minute = 30;
if (hour < 12) {
    console.log('上午');
    if (minute < 30) {
        console.log('整点');
    } else {
        console.log('半点');
    }
} else {
    console.log('下午或晚上');
}

在上面的示例中，根据小时数和分钟数的不同，会输出不同的提示信息。如果小时数小于12，则会进入嵌套的条件判断，根据分钟数输出不同的提示；否则，会直接输出’下午或晚上’。

通过嵌套使用if...else语句，您可以处理更加复杂的条件情况，但需要注意保持逻辑清晰，避免嵌套层级过深造成代码难以理解。

switch语句

在JavaScript中，switch语句用于根据表达式的值选择不同的代码块执行。switch语句比较表达式的值与不同的情况（case），并执行与该情况相对应的代码块。下面是一个switch语句的示例：

let day = 3;
let dayName;
switch (day) {
    case 0:
        dayName = '星期日';
        break;
    case 1:
        dayName = '星期一';
        break;
    case 2:
        dayName = '星期二';
        break;
    case 3:
        dayName = '星期三';
        break;
    case 4:
        dayName = '星期四';
        break;
    case 5:
        dayName = '星期五';
        break;
    case 6:
        dayName = '星期六';
        break;
    default:
        dayName = '无效的日期';
}
console.log('今天是' + dayName);

在上面的示例中，根据day的值不同，会选择不同的case执行相应的代码块。如果day的值为3，则输出'今天是星期三'。如果day的值不在0到6之间，则会执行default下的代码块，输出'无效的日期'。

switch语句通常用于对一个表达式的多个可能值进行检测，并根据不同的值执行不同的代码块。

default关键字

在JavaScript中，default关键字通常与switch语句一起使用。当switch语句的表达式值不匹配任何case时，会执行default下的代码块。这种情况下，default充当了备选方案，处理未被明确指定的情况。

在您提供的示例中，如果day的值不在0到6之间（即不是代表星期的有效取值），则会执行default下的代码块，将dayName设置为’无效的日期’，以提示用户输入的日期无效。

default关键字在switch语句中是可选的，但在处理一些未预期的情况时，它可以作为一种安全机制，确保代码在面对未知情况时有一个明确的处理方式。

if…else和switch的不同应用场景

if...else语句和switch语句在JavaScript中都是用来进行条件判断的，但它们适用的场景略有不同：

1. if...else语句：

• 用于处理逻辑较为复杂、条件相互独立的情况。
• 可以处理范围型的条件判断，如区间或多个不同条件之间的关系。
• 可以包含多个条件和嵌套的条件。
• 可以处理条件数量不确定或值域非离散的情况。

2. switch语句：

• 适用于针对一个表达式的不同取值执行不同的操作。
• 当需要根据单个变量的不同取值进行多重选择时，switch会比if...else更加简洁。
• 当存在大量等值匹配的情况下，switch通常比多个if...else效率更高。
• 当出现连续的谓词判断时，switch通常不适用，因为switch只支持等值匹配。

总的来说，如果您需要进行范围判断或者条件之间有交互关系、嵌套关系时，使用if...else更为适合；而当需要根据单一变量的不同取值进行简单的路由选择时，可以选择switch语句。

三元运算符

三元运算符是一种在许多编程语言中都存在的条件表达式。它通常由一个条件表达式和两个可能的结果组成。在JavaScript中，三元运算符的语法如下所示：

condition ? expr1 : expr2

如果条件为真，则返回expr1的值；如果条件为假，则返回expr2的值。三元运算符的主要优点是简洁性，特别是在一些简单的条件情况下可以取代if...else语句，使代码更为简洁明了。

以下是一个示例：

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

在这个示例中，如果age大于或等于18，则message被赋值为’成年人’，否则被赋值为’未成年人’。

尽管三元运算符在简单的情况下非常有用，但当条件变得复杂或者需要执行多个语句时，使用if...else语句可能更易读和易于维护。

关注我，不迷路，共学习，同进步

关注我，不迷路，共学习，同进步