在TypeScript中获取类型键

13 浏览
0 Comments

在TypeScript中获取类型键

假设我们有这样的类型：

export type UsersSchema = {
  id: number;
  firstName: string;
  lastName: string;
  email: string;
};

有没有办法使这个伪代码起作用：

Object.keys(UsersSchema) 理想情况下应该返回： ['id', 'firstName', 'lastNight', 'email']

显然，UsersSchema 不是一个值，所以上述代码无法起作用...

0

3 答案

0 Comments

在 TypeScript 中，我们经常需要获取一个对象的键的类型。然而，有时候我们可能会遇到一些问题，如何正确地获取键的类型。下面是一个解决这个问题的方法。

首先，我们需要定义一个包含所有键的数组。在 TypeScript 中，我们可以使用 `keyof` 关键字来获取一个对象的所有键。然而，如果我们直接使用 `keyof`，我们得到的是一个联合类型，它包含了所有键的名称，但并不是一个数组。

为了解决这个问题，我们需要将键放在括号中，这样就可以正确地获取键的类型。下面是一个示例代码：

type Keys = (keyof UsersSchema)[]
// ("id" | "firstName" | "lastName" | "email")[]

在这个示例中，`UsersSchema` 是一个对象类型，它包含了 `id`、`firstName`、`lastName` 和 `email` 这四个键。通过使用 `keyof UsersSchema`，我们得到了一个联合类型，它包含了这四个键的名称。然后，通过将这个联合类型放在括号中，我们就得到了一个包含所有键的数组类型。

通过这种方式，我们就可以正确地获取一个对象的键的类型。这在一些需要动态操作对象键的场景中非常有用，如使用 `for...in` 遍历对象的键、使用 `Object.keys()` 获取对象的键数组等等。

总结起来，为了获取一个对象的键的类型，在 TypeScript 中，我们可以使用 `keyof` 关键字来获取一个对象的所有键。然而，如果我们直接使用 `keyof`，我们得到的是一个联合类型，而不是一个数组类型。为了解决这个问题，我们需要将键放在括号中，这样就可以正确地获取键的类型。通过这种方式，我们就可以在 TypeScript 中获取到对象的键的类型。

0
0 Comments

在TypeScript中，有时我们需要将一个类型的键（keys）作为值使用，比如将一个对象的键作为查询参数发送到服务器。然而，根据我所知，无法直接将类型键用作值。不过，我们可以利用这个键类型来创建类型检查函数。

为了解决这个问题，我们可以使用TypeScript中的keyof类型运算符。它可以用来获取一个类型的所有键，并将它们组合成一个联合类型。下面是一个示例：

export type UsersSchema = {
  id: number;
  firstName: string;
  lastName: string;
  email: string;
};
type Keys = keyof UsersSchema // "id" | "firstName" | "lastName" | "email"

在上面的示例中，UsersSchema是一个表示用户模式的类型，它包含了id、firstName、lastName和email四个属性。通过使用keyof运算符，我们将UsersSchema的所有键组合成了一个联合类型Keys，它的值是"id" | "firstName" | "lastName" | "email"。

然后，问题是如何将这些键作为值使用。比如，我们想将这些键作为查询参数发送到服务器，可以使用fetch函数。然而，由于类型键不能直接用作值，我们无法直接将Keys作为参数传递给fetch函数。

解决方法是利用这些键类型创建类型检查函数。我们可以编写一个函数，该函数接受一个参数，并检查该参数是否为Keys中的一个键。这样，我们就可以在函数内部使用类型键作为值。以下是一个示例：

function checkKeys(key: Keys): boolean {
  // 检查key是否为Keys中的一个键
  return true;
}
checkKeys("id"); // 返回true
checkKeys("invalidKey"); // 返回false

在上面的示例中，我们定义了一个checkKeys函数，它接受一个参数key，并检查该参数是否为Keys中的一个键。由于key的类型为Keys，我们可以在函数内部使用key作为值进行类型检查。

通过这种方式，我们可以间接地将类型键用作值，并进行类型检查。这样，我们就可以使用keyof运算符解决将类型键用作值的问题。

0
0 Comments

问题：在TypeScript中如何获取类型的键（Get Type keys in TypeScript）？

原因：在运行时，类型不存在。但是可以通过使用递归条件类型创建一个强制具有所需名称的元组类型。

解决方法：

type TupleUnion = {
    [S in U]: Exclude extends never 
                ? [...R, S] 
                : TupleUnion, [...R, S]>;
}[U] & string[];
export type UsersSchema = {
  id: number;
  firstName: string;
  lastName: string;
  email: string;
};
const allKeysOfUsersSchema: TupleUnion = 
    ["id", "firstName", "lastName", "email"]; //OK
const wrongKeysOfUsersSchema: TupleUnion = 
    ["monkey", "firstName", "lastName", "email"]; //error
const missingKeysOfUsersSchema: TupleUnion = 
    ["id", "firstName", "lastName"]; //error
const tooManyKeysOfUsersSchema: TupleUnion = 
    ["id", "firstName", "lastName", "email", "cat"]; //error

通过维护这个独立的元组类型，即使类型发生变化，编译器也会推动你采取补救措施，从而保持类型安全性。

0