首页  >  文章  >  web前端  >  如何以字符串数组的形式检索 TypeScript 接口的键?

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

Linda Hamilton
Linda Hamilton原创
2024-10-30 12:35:26365浏览

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中文网其他相关文章!

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