无else分支的三元运算符替代用法，及指定代码的更简洁实现问询

Hey there! Let's tackle your two questions one by one.

1. 不用else分支时，三元运算符的替代方法 #

三元运算符的核心是「条件判断 + 二元分支」，如果不想写else对应的分支，我们可以利用JavaScript的短路求值特性来实现，主要用到这两个操作符：

• 逻辑与&&：当左侧条件为真时，返回右侧表达式的值；如果左侧为假，直接返回左侧的假值。适合你只需要在条件为真时返回目标值，且「条件为假时的默认值就是该假值本身」的场景。
  举个例子：

  // 原来的三元写法
  const result = isLoggedIn ? userName : '';
  // 用&&+||组合替代（兜底空字符串）
  const result = isLoggedIn && userName || '';
  

• 可选链?. + 空值合并??：如果你的场景是访问嵌套属性（比如你的例子里的json.email[0]），可选链可以安全地处理属性不存在的情况，再配合空值合并运算符兜底默认值，完全不需要写else分支：

  // 直接获取嵌套属性，不存在则返回默认值
  const emailError = json.email?.[0] ?? '';
  

2. 简化你的错误消息代码 #

针对你给出的这段代码：

const message = `Error message: ${json.email ? json.email[0] : ''}`;

有几种更简洁的实现方式，而且都不需要写else分支：

方式一：可选链 + 空值合并（最推荐） #

const message = `Error message: ${json.email?.[0] ?? ''}`;

• 可选链?.会自动检查json.email是否存在/不为null/undefined，如果不存在，直接返回undefined；
• 空值合并??会在左侧是null或undefined时，返回右侧的空字符串，完美替代原来的else分支。

方式二：短路求值 + 逻辑或 #

const message = `Error message: ${(json.email && json.email[0]) || ''}`;

• json.email && json.email[0]：如果json.email存在，返回它的第一个元素；否则返回json.email的假值（比如undefined）；
• || ''：如果左侧是假值，就返回空字符串，和原来的else分支效果一致。

总的来说，**方式一（可选链+空值合并）**是最简洁且可读性最高的，它既处理了属性不存在的情况，又明确兜底了默认值，完全不需要写else分支。

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