javascript - JS - 通过 switch-case 内的功能进行评估

Question

我有一些 ID 为 alternative1、alternative2 等的对象。我想以相同的方式设置所有这些的样式，所以我正在尝试:

    switch (feature.id) {
      case 'marker':
           ...
        break;
      case feature.id.includes('alternative'):
      case 'connectionMarker':
        ... //add styling
        break;

这似乎不起作用。我怎样才能做到这一点？

Answer 1

你可以使用一个简单的技巧:

switch (feature.id) {
  case 'marker':
    ...
    break;
  case (feature.id.includes('alternative') ? feature.id : !feature.id):
    // your code here
    break;
  case 'connectionMarker':
    ...
    break;
}

由于 feature.id 始终是一个字符串值，因此 !feature.id 将始终返回 false。因此，如果 feature.id 包含“alternative”这一行:

case (feature.id.includes('alternative') ? feature.id : !feature.id):

变成:

case feature.id:

情况总是如此(如feature.id === feature.id)。否则，该行的计算结果为:

case 0:

解释器将跳过它。