switch
case
当您需要在同一情况下测试a 或 b时,您将如何使用 a ?
switch (pageid) {
case "listing-page" || "home-page":
alert("hello");
break;
case "details-page":
alert("goodbye");
break;
}
switch
case
当您需要在同一情况下测试a 或 b时,您将如何使用 a ?
switch (pageid) {
case "listing-page" || "home-page":
alert("hello");
break;
case "details-page":
alert("goodbye");
break;
}
您可以使用跌倒:
switch (pageid)
{
case "listing-page":
case "home-page":
alert("hello");
break;
case "details-page":
alert("goodbye");
break;
}
由于其他答案解释了如何做到这一点,而没有真正解释它的工作原理:
当switch
执行时,它找到第一个匹配case
语句,然后在切换之后执行的代码的每一行,直至它碰到或者是break
语句或的端部switch
(或一个return
语句留下含整个函数)。当您故意省略break
以便 next 下的代码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
案例,如果其他案例都不匹配,则将执行该案例 - 如果您不包含 adefault
并且没有案例匹配,则不会发生任何事情。您可以(可选)使用默认情况。
因此,在我的第二个示例中,如果someVar
是 1,它将调用someFunction()
,然后您会看到四个警报,因为它遇到了多个案例,其中一些案例下有警报。是someVar
3、4 或 5,您会看到两个警报。如果someVar
是 7,你会看到“别的东西”,如果是 8 或任何其他值,你会看到“结束”。
您需要制作两个case
标签。
控制将从第一个标签传递到第二个标签,因此它们都将执行相同的代码。
你必须切换它!
switch (true) {
case ( (pageid === "listing-page") || (pageid === ("home-page") ):
alert("hello");
break;
case (pageid === "details-page"):
alert("goodbye");
break;
}
忘记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");
}