如何以字符串数组的形式检索 TypeScript 接口的键？-js教程-PHP中文网

如何以字符串数组的形式检索 TypeScript 接口的键？

Linda Hamilton

发布： 2024-10-30 12:35:26

原创

389 人浏览过

How to Retrieve the Keys of a TypeScript Interface as an Array of Strings?

以字符串数组的形式访问 Typescript 接口的键

简介

在 Typescript 中处理表格数据需要使用接口来定义列结构。为了有效地操作这些结构，通常需要以字符串数组的形式检索这些接口的属性名称。

解决方案

使用自定义转换器

自 Typescript 版本 2.4 起，自定义转换器提供了一种从接口中提取密钥的机制。考虑以下接口：

<code class="typescript">interface IMyTable {
  id: number;
  title: string;
  createdAt: Date;
  isDeleted: boolean;
}</code>

登录后复制

以数组形式获取属性名称：

<code class="typescript">import { keys } from 'ts-transformer-keys';

const IMyTable = keys<IMyTable>();

console.log(IMyTable); // ["id", "title", "createdAt", "isDeleted"]</code>

登录后复制

自定义转换器的限制

虽然自定义转换器提供了方便的解决方案，它们需要使用 Typescript 转换 API 而不是 ts 命令。此限制可能会妨碍它们的可用性。

替代方案

在自定义转换器不可行的情况下，替代选项包括：

使用反射技术（不推荐用于性能）原因）
显式指定属性名称数组（容易出现人为错误和维护开销）

以上是如何以字符串数组的形式检索 TypeScript 接口的键？的详细内容。更多信息请关注PHP中文网其他相关文章！