在ts中Record使用-EW帮帮网

在 TypeScript 中，Record 是一个内置的泛型类型，用于表示对象的键值对结构。它允许你快速定义一个对象类型，其中键是某种类型，值是另一种类型。以下是 Record 的基本用法和一些常见的使用场景：

基本用法

Record 的语法如下：

Record<Keys, Type>

Keys 是对象的键的类型，通常是字符串字面量联合类型。
Type 是对象的值的类型。

示例

基本示例

// 定义一个对象类型，键是 'name' 和 'age'，值是 string 和 number
type Person = Record<'name' | 'age', string | number>;

const person: Person = {
  name: 'John Doe',
  age: 30
};

console.log(person.name); // 输出: John Doe
console.log(person.age);  // 输出: 30

使用字符串索引

// 定义一个对象类型，键是字符串，值是 number
type Scores = Record<string, number>;

const scores: Scores = {
  math: 90,
  english: 85,
  science: 95
};

console.log(scores.math); // 输出: 90

嵌套对象

// 定义一个嵌套对象类型
type User = {
  id: number;
  profile: Record<'name' | 'email', string>;
};

const user: User = {
  id: 1,
  profile: {
    name: 'John Doe',
    email: 'john.doe@example.com'
  }
};

console.log(user.profile.name); // 输出: John Doe

常见使用场景

配置对象

当你需要定义一个配置对象的类型时，Record 非常有用。例如：

type Config = Record<string, string | number | boolean>;

const config: Config = {
  apiKey: 'abc123',
  timeout: 5000,
  debug: true
};

映射表

Record 也常用于定义映射表，将某种类型的键映射到另一种类型的值。例如：

type StatusMap = Record<string, string>;

const statusMap: StatusMap = {
  pending: '正在处理',
  completed: '已完成',
  failed: '失败'
};

console.log(statusMap.completed); // 输出: 已完成

API 响应数据

在处理 API 响应数据时，Record 可以用来定义响应数据的结构。例如：

type ApiResponse = Record<'data' | 'status', any>;

const response: ApiResponse = {
  data: { id: 1, name: 'John Doe' },
  status: 200
};

console.log(response.data.name); // 输出: John Doe

动态键

当你需要动态生成键时，Record 也可以结合模板字符串使用。例如：

type DynamicKeys = Record<`field${number}`, string>;

const dynamicKeys: DynamicKeys = {
  field1: 'value1',
  field2: 'value2',
  field3: 'value3'
};

console.log(dynamicKeys.field1); // 输出: value1

与其他类型操作符结合使用

Partial

Partial 可以与 Record 结合使用，表示对象的属性是可选的。例如：

type OptionalPerson = Partial<Record<'name' | 'age', string | number>>;

const optionalPerson: OptionalPerson = {
  name: 'John Doe'
  // age 可以省略
};

Readonly

Readonly 可以与 Record 结合使用，表示对象的属性是只读的。例如：

type ReadOnlyScores = Readonly<Record<string, number>>;

const readOnlyScores: ReadOnlyScores = {
  math: 90,
  english: 85
};

// readOnlyScores.math = 100; // 错误: 无法分配到只读属性

总结

Record 是一个非常实用的泛型类型，用于快速定义对象的键值对结构。通过结合其他类型操作符，可以灵活地定义各种复杂对象类型，满足不同的开发需求。

在ts中Record使用