繁体   English   中英

如何在打字稿中使用不同类型的通用键键入对象

[英]How to type an object with generic keys of different types in typescript

你会如何在打字稿中输入这个对象?

我有一个特殊的“日期时间”键是日期,其余的键是数字。 但我事先不知道将在每个对象上设置哪些键。 示例值:

type Metrics = ??????

const example1: Metrics = {
  datetime: new Date(),
  activity: 12.34,
  min: 12.34,
  max: 12.34,
}
const example2: Metrics = {
  datetime: new Date(),
  avg: 12.34,
}

这是我尝试过的:

type Metrics = {
  datetime: Date,
  [key: string]: number,
}
// ERROR on the type definition:
// Property 'datetime' of type 'Date' is not assignable to string index type 'number'


type Metrics = { 
    datetime: Date 
} & {  
    [key: string]: number 
}
// ERROR on the variable assignment:
// Type '{ datetime: Date; activity: number; min: number; max: number; }' is not assignable to type 'Metrics'.
//   Type '{ datetime: Date; activity: number; min: number; max: number; }' is not assignable to type '{ [key: string]: number | null; }'.
//     Property 'datetime' is incompatible with index signature.
//       Type 'Date' is not assignable to type 'number'.

您将需要使用Record<Exclude<K,"datetime">, number>将所有现有键映射到类型 number 但排除键“datetime”的东西。 由于这对于通常的索引类型不一定可行,因此您最好使用将类型限制为泛型的辅助函数:

type Metrics<K extends keyof any> = { datetime: Date } & Record<Exclude<K, "datetime">, number>;

function makeMetrics<T extends Metrics<keyof T>>(metrics: T): T {
    return metrics;
}

const example1 = makeMetrics({
    datetime: new Date(),
    activity: 12.34,
    min: 12.34,
    max: 12.34,
});
const example2 = makeMetrics({
    datetime: new Date(),
    avg: 12.34,
});

这意味着两个示例都只允许定义时存在的键,稍后添加额外的键将不会,以便您需要诸如“除datetime外的所有键都是数字”之类的东西,这在目前是不可能的我所知。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM