测试开关中的多种情况，例如 OR (||)

Question

当您需要测试 a 或 bswitch case > 在同样的情况下？

switch (pageid) {
  case "listing-page":
  case "home-page":
    alert("hello");
    break;
  case "details-page":
    alert("goodbye");
    break;
}

Answer 1

您可以使用失败：

switch (pageid)
{
    case "listing-page":
    case "home-page":
        alert("hello");
        break;
    case "details-page":
        alert("goodbye");
        break;
}

Answer 2

由于其他答案解释了如何做到这一点，但没有实际解释其工作原理：

当 switch 执行时，它会找到第一个匹配的 case 语句，然后执行之后的每一行代码switch 直到它遇到 break 语句或 switch 的末尾（或 return 语句以离开整个包含函数）。当您故意省略 break 以便下一个 case 下的代码也被执行时，这称为 fall-through。因此，对于OP的要求：

switch (pageid) {
   case "listing-page":
   case "home-page":
      alert("hello");
      break;

   case "details-page":
      alert("goodbye");
      break;
} 

忘记包含break语句是一个相当常见的编码错误，如果您的switch没有按照您的方式工作，那么您应该首先查找预期的。出于这个原因，有些人喜欢添加注释来表示“失败”，以明确何时故意省略了break语句。我在下面的示例中这样做，因为它有点复杂，并展示了某些情况如何包含在失败之前执行的代码：

switch (someVar) {
   case 1:
      someFunction();
      alert("It was 1");
      // fall through
   case 2:
      alert("The 2 case");
      // fall through
   case 3:
      // fall through
   case 4:
      // fall through
   case 5:
      alert("The 5 case");
      // fall through
   case 6:
      alert("The 6 case");
      break;

   case 7:
      alert("Something else");
      break;

   case 8:
      // fall through
   default:
      alert("The end");
      break;
}

您还可以（可选）包含一个 default 情况，它将如果没有其他情况匹配，则执行 - 如果您不包含 default 并且没有情况匹配，则不会发生任何情况。您可以（可选）进入默认情况。

因此，在我的第二个示例中，如果 someVar 为 1，它将调用 someFunction()，然后您会看到四个警报，因为它经历了多种情况，其中一些情况下有警报。如果 someVar 是 3、4 或 5，您会看到两个警报。如果 someVar 是 7，您会看到“Something else”，如果是 8 或任何其他值，您会看到“The end”。

Answer 3

你必须切换它！

switch (true) {
    case ( (pageid === "listing-page") || (pageid === ("home-page") ):
        alert("hello");
        break;
    case (pageid === "details-page"):
        alert("goodbye");
        break;
}

Answer 4

您需要制作两个 case 标签。

控制将从第一个标签传递到第二个标签，因此它们都将执行相同的代码。

Answer 5

忘记switch和break，让我们玩一下if。我们不用断言，而是

if(pageid === "listing-page" || pageid === "home-page")

创建几个带有大小写的数组，并使用 Array.prototype.includes()

var caseA = ["listing-page", "home-page"];
var caseB = ["details-page", "case04", "case05"];

if(caseA.includes(pageid)) {
    alert("hello");
}
else if (caseB.includes(pageid)) {
    alert("goodbye");
}
else {
    alert("there is no else case");
}

Answer 6

更简洁的方法

Answer 7

使用逗号分隔大小写

switch (pageid)
{
    case "listing-page","home-page":
        alert("hello");
        break;
    case "details-page":
        alert("goodbye");
        break;
}