JavaScript 条件语句挑战：根据国家和时间问候

本文旨在帮助开发者理解和解决一个常见的 JavaScript 条件语句挑战：根据国家和时间设置不同的问候语。通过分析问题代码中的逻辑错误，并提供两种修正后的代码示例，帮助读者掌握如何正确使用条件语句处理多重条件判断，从而编写出更健壮、可维护的代码。

问题分析

原始代码存在两个主要问题：

逻辑结构错误： 代码使用了两组独立的 if-else 语句，分别处理 Spain/Mexico 和 France。这意味着无论第一组 if-else 语句的结果如何，greeting 的值都会被第二组语句覆盖。
条件判断错误： 在判断 Spain 或 Mexico 时，使用了 country === ‘Spain’ || ‘Mexico’ 这样的条件。由于 || 运算符的特性， ‘Mexico’ 会被视为真值，导致整个条件始终为真。

解决方案

为了解决上述问题，需要将条件判断逻辑整合到一个 if-else 结构中，并使用正确的语法来判断国家。

方案一：使用 if-else if-else 结构和 includes() 方法

function sayHello(country, time) {     let greeting = null; // 初始化 greeting 为 null      if (['Spain', 'Mexico'].includes(country)) {         if (time >= 0 && time < 12) {             greeting = 'buenos dias';         } else if (time >= 12 && time < 24) {             greeting = 'buenas noches';         }     } else if (country === 'France') {         if (time >= 0 && time < 12) {             greeting = 'bon matin';         } else if (time >= 12 && time < 24) {             greeting = 'bon soir';         }     }      return greeting; }

代码解释：

立即学习“Java免费学习笔记（深入）”；

Facetune

一款在线照片和视频编辑工具，允许用户创建AI头像

查看详情

首先，将 greeting 初始化为 null，以处理其他国家或无效时间的情况。
使用 [‘Spain’, ‘Mexico’].includes(country) 来判断 country 是否为 Spain 或 Mexico。includes() 方法可以检查数组中是否包含某个元素。
使用 if-else if 结构来处理不同的国家，确保只有满足特定条件时才会修改 greeting 的值。

方案二：使用 switch 语句

function sayHello(country, time) {     let greeting = null;      switch (country) {         case 'Spain':         case 'Mexico':             if (time >= 0 && time < 12) {                 greeting = 'buenos dias';             } else if (time >= 12 && time < 24) {                 greeting = 'buenas noches';             }             break;         case 'France':             if (time >= 0 && time < 12) {                 greeting = 'bon matin';             } else if (time >= 12 && time < 24) {                 greeting = 'bon soir';             }             break;         default:             greeting = null;     }      return greeting; }