用 JavaScript 的 "switch" 语句清晰表达多分支选择

2024-02-11 06:13:10

使用 switch 语句处理多分支选择：增强 JavaScript 代码的可读性、可维护性和鲁棒性

在 JavaScript 中，处理多分支选择的情况时，switch 语句 提供了比 if 判断更优的选择。它的简洁语法、更强的可读性和可维护性，以及增强的鲁棒性，使其成为复杂选择场景的理想选择。

switch 语句的语法

switch 语句的语法如下：

switch (x) {
  case value1:
    // 语句块
    break;
  case value2:
    // 语句块
    break;
  ...
  default:
    // 语句块
}

其中，x 是需要比较的值，value1 、value2 等是与 x 进行比较的值。case 代码块用于执行与比较值相等时的操作，break 语句用于跳出 switch 语句，default 代码块用于执行与所有比较值都不相等时的操作。

switch 语句的使用

使用 switch 语句很简单，只需按照以下步骤操作：

声明一个变量 x ，并赋予其需要比较的值。
使用 switch 语句，将 x 与 case 代码块中的值进行比较。
如果 x 与某个 case 代码块中的值相等，则执行该 case 代码块中的操作。
使用 break 语句跳出 switch 语句。
如果 x 与所有 case 代码块中的值都不相等，则执行 default 代码块中的操作。

switch 语句的优点

可读性更强： switch 语句的结构更加清晰，易于阅读和理解，一目了然地展示了所有可能的分支。

可维护性更佳： 当需要添加或修改分支时，switch 语句更容易维护。只需在相应的 case 代码块中进行修改即可，无需担心遗漏或重复检查多个 if 语句。

鲁棒性更高： switch 语句的鲁棒性更强，当遇到未定义的 case 值时，它会执行 default 代码块中的操作，不会出现意外的情况。

代码示例

以下是一个使用 switch 语句处理多分支选择情况的示例：

function getGrade(score) {
  switch (score) {
    case 90:
    case 91:
    case 92:
    case 93:
    case 94:
    case 95:
    case 96:
    case 97:
    case 98:
    case 99:
    case 100:
      return 'A';
    case 80:
    case 81:
    case 82:
    case 83:
    case 84:
    case 85:
    case 86:
    case 87:
    case 88:
    case 89:
      return 'B';
    case 70:
    case 71:
    case 72:
    case 73:
    case 74:
    case 75:
    case 76:
    case 77:
    case 78:
    case 79:
      return 'C';
    case 60:
    case 61:
    case 62:
    case 63:
    case 64:
    case 65:
    case 66:
    case 67:
    case 68:
    case 69:
      return 'D';
    default:
      return 'F';
  }
}