如何在2025年将TypeScript接口的键作为字符串数组获取

轻松学习Python，无需理论负担。在浏览器中直接解决带自动检查的实践任务，无需安装任何东西。

引言：为什么需要将接口键作为数组？

想象一下：您正在一个大型TypeScript项目上工作，需要遍历复杂对象的所有字段，在React上生成动态表单，过滤数据，或者只是列出可用的属性。问题在于，TypeScript是JavaScript的超集，其类型仅在编译时存在。在运行时，它们会消失。该怎么办？如何将TypeScript接口的键作为字符串数组获取，以便在实际代码中使用？

这是一个困扰Stack Overflow上成千上万开发者的问题。今天，在2025年，我们将探讨所有可能的方法：从简单可靠到高级技巧。您将学习如何让TypeScript为您服务，而不是与您作对。开始吧！

问题：“消失”的类型

让我们直接看问题的根源。假设您有以下接口：

interface User {  id: number;  name: string;  email: string;  isAdmin: boolean;}

您需要获取一个字符串数组：['id', 'name', 'email', 'isAdmin']。首先想到的是使用Object.keys()。但有一个问题。如果您尝试这样写：

const keys = Object.keys({} as User);// 类型：string[]

TypeScript会返回类型string[]，而不是('id' | 'name' | 'email' | 'isAdmin')[]。这毫无意义——您丢失了关于具体键的所有信息。

为什么会这样？因为JavaScript中的Object.keys()总是返回一个字符串数组。TypeScript无法确定运行时对象具体会有哪些键（例如，如果对象被扩展）。因此，它给出了最安全但无用的类型。

解决方案1：“手动”数组（简单且安全）

最简单且在90%的情况下推荐的方法是手动创建数组并从中推导出类型。这不是开玩笑。这种方法确保您的数组始终与接口同步。

// 1. 定义键数组export const USER_KEYS = ['id', 'name', 'email', 'isAdmin'] as const;

// 2. 从数组推导类型type UserKey = typeof USER_KEYS[number]; // 'id' | 'name' | 'email' | 'isAdmin'

// 3. 用于接口interface User {  [key in UserKey]: key extends 'id' ? number     : key extends 'name' ? string     : key extends 'email' ? string     : boolean;}

// 4. 获取字符串数组const keys: string[] = [...USER_KEYS];console.log(keys); // ['id', 'name', 'email', 'isAdmin']

优点：完全类型化，没有魔法技巧，易于阅读和维护。

缺点：需要手动维护两个地方（接口和数组）。

解决方案2：使用keyof的工具类型（高级，但有注意事项）

TypeScript提供了keyof操作符，它返回键的联合类型。但如何将这个联合类型转换为字符串数组？在2025年，这仍然需要一点技巧。

经典方法是使用一个辅助函数，在编译时检查类型：

// 辅助函数function getKeys<T>(obj: T): (keyof T)[] {  return Object.keys(obj) as (keyof T)[];}

// 使用interface Product {  title: string;  price: number;  inStock: boolean;}

const product: Product = {  title: 'Keyboard',  price: 100,  inStock: true};

const productKeys = getKeys(product);// 类型：("title" | "price" | "inStock")[]console.log(productKeys); // ['title', 'price', 'inStock']

重要提示：此方法仅在您拥有与接口对应的实际对象时才有效。如果您只有接口而没有对象，则必须创