Question

有这个例子：

interface Event {
  title:string;
  description:string;
  fromDate: Date;
  toDate: Date;
  location: {
    name: string;
    lat: number;
    long: number;
  }
}

使用类似 PropertiesToString<Event> 的类型我希望返回这种类型：

{
  title:string;
  description:string;
  fromDate: string;
  toDate: string;
  location: {
    name: string;
    lat: string;
    long: string;
  }
}

问题是如何创建 PropertiesToString<T> 类型？

我设法创建了一些有效但不适用于嵌套对象的东西。如果我有一个嵌套对象而不是将对象属性修改为字符串，它会将对象设置为字符串。

这是我的版本，它不适用于嵌套对象，因为它没有更改 location properties to string 的类型，而是更改了 location itself to string 的类型：

export type RequestBody<T> = {
  [P in keyof T]: string;
};

Answer 1

type ToString 将给定类型转换为 string。 PropertiesToString 遍历传递的类型的每个键，并使用 string 将其类型更改为 ToString。您可以使用类型三元运算符在 ToString 中添加要处理的其他特殊情况。

interface Event1 {
    title: string;
    description: string;
    fromDate: Date;
    toDate: Date;
    location: {
        name: string;
        lat: number;
        long: number;
  }
}

type ToString<T> = T extends Date
    ? string
    : T extends object
    ? PropertiesToString<T>
    : string

type PropertiesToString<T> = {
    [K in keyof T]: ToString<T[K]>
}

type Generated = PropertiesToString<Event1>

type X = PropertiesToString<Event1['location']>

const x: Generated = {
    title: 'lorem',
    description: 'lorem',
    fromDate: 'lorem',
    toDate: 'lorem',
    location: {
        name: 'lorem',
        lat: 'lorem',
        long: 'lorem',
    }
}

Playground

Answer 2

你们真的很亲近。但是，您可能需要处理一些边缘情况。在 JS 中，很多东西都是对象，你可能不希望它们都简单地变成字符串。所以你可能需要用更多的逻辑来增强它。但最简单的

type RecursiveObject<T> = T extends Date ? never : T extends object ? T : never; 
export type StringValues<TModel> = {
    [Key in keyof TModel]: TModel[Key] extends RecursiveObject<TModel[Key]> ? StringValues<TModel[Key]> : string;
};

添加您需要在代码中处理的任何特殊情况（数组？其他包装类型？）。最终我们将在类型中处理“not”，这会简单得多。

打字稿：将对象属性和嵌套对象属性的类型更改为一种类型

2 个答案: