如何将变量从一种类型转换为另一种类型？

Question

我正在获取一些包含元数据字段的数据，我想将其删除。我想到了这样的类型变量：

type MainRecord = {
  id: string
  fieldOne: string
  related: RelatedRecord[]
  __typename: string
}

type RelatedRecord = {
  id: string
  fieldTwo: string
  __typename: string
}

我正在使用 Formik 更新记录，但我不希望在为表单创建初始值时包含 __typename 字段，因为尝试将包含元数据的数据发送到服务器会导致语法错误当我这样做时的查询。我对 Formik 表单有单独的类型，如下所示：

type MainFields = {
  id: string
  fieldOne: string
  related: RelatedFields[]
}

type RelatedFields = {
  id: string
  fieldTwo: string
}

我的解决方案是尝试将MainRecord 数据转换为MainFields 对象，这似乎可以正常工作，因为fields.__typename 不是有效属性，fields.related[0].__typename 也不是。

const record: MainRecord = {
  id: "10",
  fieldOne: "Foo",
  __typename: "Main",
  related: [
    {
      id: "20",
      fieldTwo: "Bar",
      __typename: "Related"
    },
    {
      id: "21",
      fieldTwo: "Baz",
      __typename: "Related"
    },
  ]
}

const fields: MainFields = record // or "as MainFields"

但是，当您记录 fields 变量时，元数据仍然存在并且不应该存在。

console.log("fields: ", fields);

我想我可以手动以编程方式去除它们，但必须有更好的方法。有任何想法吗？我确定有一种打字稿方式可以完成此任务，但我只是不知道。

Answer 1

我认为 TypeScript 不会在你使用 as 关键字时发生变化，它只会以“如果你这么说”的类型方式将其“视为”适当的类型。

您最好的选择是使用您自己的实用程序或类似 lodash 的工具对属性进行过滤。

Removing object properties with Lodash

看到这个似乎正在考虑类似问题的问题。

Remove properties from an object that are not declared in a type interface

Answer 2

使用 lodash 的 omit 函数，我找到了一种方法来执行递归 omit，如下所示：

function omitDeep(obj: any, keyToOmit: string) {
  _.forIn(obj, function (value, key) {
    if (_.isObject(value)) {
      omitDeep(value, keyToOmit);
    } else if (key === keyToOmit) {
          delete obj[key];
    }
  });
}
```js