首页 >web前端 >js教程 >如何以字符串数组形式获取 TypeScript 接口的键?

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

Linda Hamilton
Linda Hamilton原创
2024-10-29 19:04:30605浏览

How Can I Get the Keys of a TypeScript Interface as a String Array?

Typescript 接口的键作为字符串数组

TypeScript 开发中的一个常见场景是处理数据库表接口及其相应的列。例如,考虑一个接口定义为:

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

人们可能需要以字符串数组的形式检索该接口的属性名称,例如:

<code class="typescript">const IMyTable = ["id", "title", "createdAt", "isDeleted"];</code>

这是特别重要的当动态访问直接对象/数组分配不可行的表接口时。

解决方案

要实现这一点,可以使用 TypeScript 2.3 中引入的自定义转换器(作为第三方包提供) :

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

interface Props {
  id: string;
  name: string;
  age: number;
}
const keysOfProps = keys<Props>();

console.log(keysOfProps); // ['id', 'name', 'age']</code>

此转换器需要使用 TypeScript 转换 API,而不是直接调用 tsc 命令。但是,存在一个持续存在的问题,要求自定义转换器的插件支持以简化其使用。

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

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