JavaScript如何实现类似Python的多条件三元表达式？链式写法是否推荐？

1. 是否有类似Python的多条件三元实现？ #

有，你正在使用的链式三元表达式就是完全等效的实现，逻辑和Python的多条件三元、SQL的CASE语句一致：从左到右依次判断条件，命中第一个为真的条件就返回对应值，否则继续向后判断，最后可添加兜底的默认返回值。
示例代码：

const x = 3
// 等效于Python的 a = 1 if x==2 else 2 if x==3 else 3 if x==4 else 0
const a = x === 2 ? 1 : x === 3 ? 2 : x === 4 ? 3 : 0 

2. 链式三元写法是否是推荐方案？ #

视场景而定：

• 当条件仅2-3个、判断逻辑简单时，链式三元是非常合适的方案，写法简洁，可读性也有保障。
• 当条件数量较多、判断逻辑复杂、返回值为长表达式时，更推荐使用其他可读性更强的实现方案，常见替代方案如下：
  • if/else分支：逻辑分层清晰，方便添加注释，后续维护修改成本低

    let a
    if (x === 2) {
      a = 1
    } else if (x === 3) {
      a = 2
    } else if (x === 4) {
      a = 3
    } else {
      a = 0
    }
    

  • 对象映射：仅适用于固定键值匹配的场景，写法最简洁，性能也最优

    const valueMap = {
      2: 1,
      3: 2,
      4: 3
    }
    // 空值合并运算符兜底，找不到对应键时返回0
    const a = valueMap[x] ?? 0
    

  • switch语句：适合多条件匹配场景，逻辑清晰直观

    let a
    switch(x) {
      case 2: 
        a = 1
        break
      case 3:
        a = 2
        break
      case 4:
        a = 3
        break
      default:
        a = 0
    }
    

如果坚持使用链式三元，建议将每个条件单独换行格式化，避免括号嵌套冗余，提高可读性：

const a = x === 2 ? 1
        : x === 3 ? 2
        : x === 4 ? 3
        : 0

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