使用 TypeScript Record 类型定义对象键

DDD

发布时间：2025-08-02 18:24:01

975人浏览过

来源于php中文网

原创

使用 typescript record 类型定义对象键

本文介绍了如何使用 TypeScript 的 Record 实用类型来精确定义对象的键，使其只能是预定义的字符串字面量类型。通过示例代码，详细讲解了 Record 的用法，以及如何结合 Partial 类型来实现可选属性。

使用 Record 类型约束对象键

在 TypeScript 中，我们经常需要定义对象的键的类型。当对象的键是预先定义的字符串字面量类型时，Record 类型就派上了用场。Record 类型接受两个泛型参数：K 表示键的类型，必须是 string、number 或 symbol 的联合类型；T 表示值的类型。

Record 类型本质上定义了一个对象，其键是 K 类型的所有可能值，对应的值的类型是 T。

例如，我们定义一个 Currencies 类型，表示货币类型：

type Currencies = "tl" | "us-dollar" | "euro";

现在，我们想要创建一个对象 currenciesMap，它的键必须是 Currencies 类型中的一个，值是字符串类型。我们可以使用 Record 类型来实现：

type Currencies = "tl" | "us-dollar" | "euro";

const currenciesMap: Record = {
  tl: "₺",
  "us-dollar": "$",
  euro: "€",
};

这样，currenciesMap 对象的键就只能是 "tl"、"us-dollar" 或 "euro" 中的一个，值必须是字符串类型。如果尝试使用其他键，TypeScript 编译器会报错。

淄博分类信息港程序seo特别版

seo特别版程序介绍：注意：普通用户建议使用淄博分类信息港程序普通版本。主要针对seo需要增加了自定义功能：自定义文件路径；自定义文件名；自定义关键字。这些功能的作用，只有自己体会了。以下是淄博分类信息港程序的介绍：淄博分类信息港程序一套现成的城市分类信息网站发布系统。发布管理房屋、人才、招租、招聘、求购、求租、搬迁、运输、二手交易、招生培训、婚介交友等各类信息的发布和查询。淄博分类信息港发布程序

下载

Record 类型与 Partial 类型结合使用

使用 Record 类型声明变量时，会强制声明所有可能的属性。如果某些属性是可选的，我们可以结合 Partial 类型来实现。Partial 类型将类型 T 的所有属性都变为可选属性。

例如，如果 currenciesMap 对象中的某些货币类型的值可以为空，我们可以这样定义：

type Currencies = "tl" | "us-dollar" | "euro";

const currenciesMap: Partial> = {
  tl: "₺",
  "us-dollar": "$",
};

现在，currenciesMap 对象中可以只包含 "tl" 和 "us-dollar" 两个键，而不需要包含 "euro" 键。

总结

Record 类型是 TypeScript 中一个非常实用的工具类型，可以用来精确定义对象的键的类型。结合 Partial 类型，可以实现可选属性。合理使用 Record 类型，可以提高代码的可读性和可维护性，减少错误。

注意事项：

Record 类型的第一个泛型参数 K 必须是 string、number 或 symbol 的联合类型。
使用 Record 类型声明变量时，会强制声明所有可能的属性，如果某些属性是可选的，可以使用 Partial 类型。

React 18 中日期格式化工具函数未定义的常见原因与正确导出方式

禁止 JavaScript 文件混入 TypeScript 代码库的实用方案

JavaScript中的Angular是什么_它如何提供完整的框架体验呢

javascript中的TypeScript有何优势_类型系统怎样提升代码质量

Exclusive OR (XOR) Logic in TypeScript

相关标签:

typescript 工具 typescript String 字符串泛型字符串类型 number symbol 对象

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：React Context 传递用户ID：解决用户身份验证和页面跳转问题下一篇：定义 TypeScript 对象键的类型：使用 Record 和 Partial

作者最新文章

Canvas 缩放与尺寸关系详解：实现响应式图像缩放与滚动控制

2026-01-02 13:56

如何实现悬停与移出时平滑缩放动画（无抖动跳变）

2026-01-02 13:56

Go语言中正确初始化sql.Null类型变量的规范方法

2026-01-02 13:57

如何在 Vue 中保持标签显示静态值而输入框双向绑定动态更新

2026-01-02 13:59

Canvas 缩放与尺寸关系详解：实现可控缩放的图像查看器

2026-01-02 14:03

如何修复 Python JSON 序列化中字符串被意外包裹为数组的问题

2026-01-02 14:03

Java 枚举支持动态范围匹配：用 Predicate 实现多值映射

2026-01-02 14:09

HTML 模板在 Go 语言中的基础使用与表单状态保持教程

2026-01-02 14:09

如何在 Go 中安全、高效地生成高并发场景下的无冲突唯一 ID

2026-01-02 14:10

Spring Boot JPA 中正确使用原生 SQL 查询的完整指南

2026-01-02 14:10

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

string转int

在编程中，我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算，或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

313

2023.08.02

js 字符串转数组

js字符串转数组的方法：1、使用“split()”方法；2、使用“Array.from()”方法；3、使用for循环遍历；4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容，供大家免费下载体验。

251

2023.08.03

js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容，供大家免费下载体验。

206

2023.09.04

java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友，请阅读本专题下面的的有关文章，欢迎大家来php中文网学习。

1437

2023.10.24

字符串介绍

字符串是一种数据类型，它可以是任何文本，包括字母、数字、符号等。字符串可以由不同的字符组成，例如空格、标点符号、数字等。在编程中，字符串通常用引号括起来，如单引号、双引号或反引号。想了解更多字符串的相关内容，可以阅读本专题下面的文章。

609

2023.11.24

java读取文件转成字符串的方法

Java8引入了新的文件I/O API，使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java，可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中，你需要将文件路径替换为你的实际文件路径，并且可能需要处理可能的IOException异常。想了解更多java的相关内容，可以阅读本专题下面的文章。

547

2024.03.22