如何编写支持&&和||复合条件的switch语句 解决重复case报错

1. 重复case标签的问题及更简洁实现 #

switch语法本身要求case的值全局唯一，同一个值写多个case的话，运行时只会命中第一个出现的分支，后面的重复case永远不会执行，所以就算禁用ESLint规则也无法实现你要的效果。
更简洁的实现方式是放弃switch，改用「前置复合判断+映射表」的方案，既可以避免重复case问题，扩展性也更强：

const getLabel = (type?: string, typeXy?: string) => {
  // 优先处理需要同一个值匹配不同分支的特殊逻辑
  if (type === 'Value C' && typeXy === 'Value Y') {
    return 'Label C + Y'
  }

  const matchValue = type || typeXy
  // 普通单值匹配直接用映射表维护
  const labelMap: Record<string, string> = {
    'Value A': 'Label A',
    'Value B': 'Label B',
    'Value C': 'Label C + X',
    'Value X': 'Label C + X',
    'Value Y': 'Label C + Y'
  }

  return labelMap[matchValue] ?? undefined
}

如果你不需要区分Value C的不同匹配场景，只是要多个值对应同一个标签，直接在映射表中给不同的key设置相同的value即可，不需要重复写逻辑。

2. 同时支持||和&&复合判断的修改方案 #

你可以按照上面的代码结构，把所有需要&&组合判断的逻辑都放在最前面优先执行，后面再保留原有type || typeXy的单值匹配逻辑即可，原有case逻辑完全不需要改动：

• 复合判断的优先级高于单值匹配，符合常规的分支判断设计逻辑
• 新增复合条件时只需要加对应的if判断即可，不会影响原有逻辑的执行结果
• 如果复合判断的场景较多，也可以把组合条件序列化为字符串做映射，比如：

const getLabel = (type?: string, typeXy?: string) => {
  // 序列化两个参数的组合状态
  const combinedKey = `${type ?? ''}|${typeXy ?? ''}`
  const combinedMap: Record<string, string> = {
    'Value C|Value Y': 'Label C + Y',
    // 其他复合条件直接加在这里
  }
  // 优先匹配复合条件
  if (combinedMap[combinedKey]) {
    return combinedMap[combinedKey]
  }

  // 原有逻辑保持不变
  const matchValue = type || typeXy
  const labelMap: Record<string, string> = {
    'Value A': 'Label A',
    'Value B': 'Label B',
    'Value C': 'Label C + X',
    'Value X': 'Label C + X',
    'Value Y': 'Label C + Y'
  }

  return labelMap[matchValue] ?? undefined
}

内容的提问来源于stack exchange，提问作者meez