我想做这样的事情
switch (this.dealer) {
case 1-4:
// Do something.
break;
case 5-8:
// Do something.
break;
case 9-11:
// Do something.
break;
default:
break;
}
什么是正确的语法？在 JavaScript 中可能吗？
this.dealer整数也是如此，如果它介于这些值之间，请执行某些操作。
这是我想出来的另一种方法：
const x = this.dealer;
switch (true) {
case (x < 5):
alert("less than five");
break;
case (x < 9):
alert("between 5 and 8");
break;
case (x < 12):
alert("between 9 and 11");
break;
default:
alert("none");
break;
}
增加 MarvinLabs 的答案以使其更清晰：
var x = this.dealer;
switch (true) {
case (x < 5):
alert("less than five");
break;
case (x < 9):
alert("between 5 and 8");
break;
case (x < 12):
alert("between 9 and 11");
break;
default:
alert("none");
break;
}
没有必要检查范围的下限，因为这些break语句会导致执行跳过剩余的情况，因此当执行开始检查 (x < 9) 时，我们知道该值必须是 5 或更大。
当然，输出只有在情况保持原始顺序时才是正确的，我们假设整数值（如问题中所述） - 从技术上讲，范围在 5 到 8.999999999999 之间，因为 js 中的所有数字实际上都是双精度浮点数点数。
如果您希望能够移动案例，或者发现在每个 case 语句中显示完整范围更具可读性，只需为每个案例的较低范围添加小于或等于检查：
var x = this.dealer;
switch (true) {
case (x < 5):
alert("less than five");
break;
case (x >= 5 && x < 9):
alert("between 5 and 8");
break;
case (x >= 9 && x < 12):
alert("between 9 and 11");
break;
default:
alert("none");
break;
}
请记住，这会增加一个额外的人为错误点 - 有人可能会尝试更新范围，但忘记在两个地方更改它，从而留下未被覆盖的重叠或间隙。例如，当我编辑曾经匹配 8 的案例时，8 的案例现在将不匹配任何内容。
case (x >= 5 && x < 8):
alert("between 5 and 7");
break;
case (x >= 9 && x < 12):
alert("between 9 and 11");
break;
switch(this.dealer) {
case 1:
case 2:
case 3:
case 4:
// Do something.
break;
case 5:
case 6:
case 7:
case 8:
// Do something.
break;
default:
break;
}
如果您不喜欢连续的案例，只需选择if/else if/else陈述即可。
这不需要 switch 语句。使用 if else 语句更清晰、更简洁、更快、优化更好……
var d = this.dealer;
if (1 <= d && d <= 11) { // making sure in range 1..11
if (d <= 4) {
alert("1 to 4");
} else if (d <= 8) {
alert("5 to 8");
} else {
alert("9 to 11");
}
} else {
alert("not in range");
}
速度测试
我很好奇使用 switch 而不是更简单的 if...else... 的开销，所以我把一个 jsFiddle 放在一起来检查它... http://jsfiddle.net/17x9w1eL/
Chrome：switch比if else慢 70% 左右
Firefox：switch比if else慢 5% 左右
IE: switch比if else慢 5% 左右
Safari: switch比if else慢了大约 95%
笔记：
分配给局部变量是可选的，尤其是当您的代码稍后要自动优化时。
对于数字范围，我喜欢使用这种结构......
if (1 <= d && d <= 11) {...}
...因为对我来说它更接近于你在数学中表达范围的方式 (1 <= d <= 11)，当我阅读代码时，我可以将其读作“如果 d 介于 1 和11"。
更清晰
一些人认为这不是更清楚。我想说它并不太清楚，因为结构与 switch 选项几乎相同。它更清晰的主要原因是它的每个部分都是可读的并且具有简单的直观意义。
我对“switch (true)”的担忧是，它可能看起来是一行毫无意义的代码。许多编码员，阅读这些内容时不知道该怎么做。
对于我自己的代码，我更愿意不时使用晦涩的结构，但如果其他人会看它，我会尝试使用更清晰的结构。我认为最好将这些结构用于它们的目的。
优化
在现代环境中，代码通常会被缩小以用于生产，因此您可以编写清晰简洁的代码，具有可读的变量名称和有用的注释。没有明确的理由以这种方式使用 switch。
我还尝试将这两种构造都通过一个压缩器。if/else 结构压缩得很好，成为使用嵌套三元运算符的单个短表达式。缩小后的 switch 语句仍然是一个 switch，带有“switch”、“case”和“break”标记，因此代码要长得多。
switch(true) 如何工作
我认为“switch(true) 很模糊，但似乎有些人只是想使用它，所以这里解释一下它为什么起作用......
switch/case 语句的工作原理是将 switch 中的部分与每个 case 进行匹配，然后在第一个匹配项上执行代码。在大多数用例中，我们在 switch 中有一个变量或非常量表达式，然后匹配它。
用“switch(true)”，我们会找到case语句中第一个为真的表达式。如果把“switch(true)”读成“找到第一个为真的表达式”，代码感觉更可读。
如果您需要检查范围，您可能最好使用ifandelse if语句，如下所示：
if (range > 0 && range < 5)
{
// ..
}
else if (range > 5 && range < 9)
{
// ..
}
else
{
// Fall through
}
在更大的范围内，开关可能会变大。