Node.js+Express下客户端展示两种不同结构JSON返回值的实现方案

你当前场景下不需要写多层if判断，两种极简写法都可以满足需求，不需要修改现有服务端返回结构：

• 写法1（语义最清晰，推荐）：利用JS空值合并运算符优先取错误信息，不存在则取计数结果
  完整客户端逻辑参考：

  fetch('/your-api-endpoint', {
    method: 'POST',
    // 保留你已有的headers、body等请求配置
  })
  .then(res => res.json())
  .then(data => {
    // 单逻辑行即可拿到需要展示的内容
    const showContent = data.error ?? data.count;
    // 将内容插入页面对应位置即可，示例：
    document.getElementById('result-container').textContent = showContent;
  })
  

  逻辑说明：??会判断左侧的data.error是否为null/undefined，如果接口返回错误结构就直接取错误文案，如果是正常返回结构就自动取count值，没有冗余判断。
• 写法2（完全不需要预知返回字段）：直接提取返回对象的第一个字段值，适配你当前单键返回的结构

  .then(data => {
    // 无论返回的是error还是count，直接取第一个键对应的值
    const showContent = Object.values(data)[0];
    document.getElementById('result-container').textContent = showContent;
  })
  

补充提示：你当前服务端的res.json(result)写法是正确的，如果改成res.json({result})会让返回结构多一层嵌套，客户端需要先读取data.result才能拿到内部字段，保持现有写法即可。

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