typescript - 如何在 TypeScript 中使可为空的属性成为可选的？

Question

我有这样的类型:

type City = {
  name: string;
  id: number | null;
};

并想把它变成这样的类型:

type City = {
  name: string;
  id?: number;
};

我看过很多解释如何使可选类型可为 null 的帖子，但我想在这里做相反的事情。

有什么方法可以创建类似 OptionalNullable<T> 的 TypeScript 泛型函数吗？处理这个？

Answer 1

这应该可以解决问题:

type PickNullable<T> = {
  [P in keyof T as null extends T[P] ? P : never]: T[P]
}

type PickNotNullable<T> = {
  [P in keyof T as null extends T[P] ? never : P]: T[P]
}

type OptionalNullable<T> = {
  [K in keyof PickNullable<T>]?: Exclude<T[K], null>
} & {
  [K in keyof PickNotNullable<T>]: T[K]
}

我创建了两个实用程序类型，它们分别从一个类型中选择所有可为 null 而非不可为 null 的属性。我们可以使用这些来构造一个新类型，其中所有可为空的属性都成为可选的。我还使用了 Exclude 来摆脱 null。

可以这样使用:

type City = {
  name: string;
  id: number | null;
};

type Test = OptionalNullable<City>
// {
//    id?: number | undefined;
// } & {
//     name: string;
// }

Playground