如何返回映射 TypeScript 中 Promise 结果的 Promise？

Question

我有一个方法可以发出返回一些 JSON 数据的请求。

async borgs(): Promise<Borg[]> {
  const response = await fetch("api.example.com/borgs");
  return await response.json();
}

问题是，JSON 具有复杂的结构，并且数据包含不相关的元数据字段，因此我想映射结果以返回一个纯 Borg 数组，并丢弃不相关的字段。

async borgs(): Promise<Borg[]> {
  const response = await fetch("api.example.com/borgs");
  const json = await response.json();
  return json.data.borgs.map(borg => ({
    goodBorgField: borg.fields.goodBorgField,
  }));
}

我无法让它持续工作。有时我会明白

Uncaught (in promise) TypeError:
borg.fields is undefined

为什么，如何使用 async/await 解决这个问题？

---

响应数据示例：

{
  "data": {
    "borgs": [
      {
        "fields": {
          "goodBorgField": "value1",
          "_badBorgField": "value2"
        }
      },
      {
        "fields": {
          "goodBorgField": "value3",
          "_badBorgField": "value4"
        }
      }
    ]
  }
}

期望的输出：解析为的 Promise：

[
  {
    goodBorgField: "value1",
  },
  {
    goodBorgField: "value3",
  },
]

为了完整起见，请输入 Borg：

interface Borg {
  goodBorgField: string;
}