ts中如何得到一个类型中所有类型为number的属性名
时间: 2024-03-19 16:44:50 浏览: 266
可以使用 TypeScript 中的 `keyof` 操作符和 `infer` 关键字,结合条件类型来实现。
以下是一个示例代码:
```typescript
type NumberKeys<T> = {
[K in keyof T as T[K] extends number ? K : never]: K;
}[keyof T];
interface Person {
name: string;
age: number;
address: string;
salary: number;
}
type PersonNumberKeys = NumberKeys<Person>; // "age" | "salary"
```
在这个例子中,我们定义了一个泛型类型 `NumberKeys<T>`,它会返回类型 `T` 中所有属性名组成的联合类型中,类型为 `number` 的属性名组成的联合类型。
具体实现是通过使用映射类型和条件类型来实现的。我们首先遍历 `T` 的所有属性名,然后使用条件类型判断该属性对应的属性值是否为 `number` 类型。如果是 `number` 类型,则将该属性名保留在返回的联合类型中,否则将它映射为 `never` 类型,最后我们使用索引类型查询 `keyof T`,得到所有保留下来的属性名组成的联合类型。
在上面的示例中,`PersonNumberKeys` 的类型就是 `"age" | "salary"`。
相关问题
ts中如何声明一个类型,它是由另一个类型中的属性构成的联合类型
在 TypeScript 中,我们可以使用交叉类型(Intersection Types)来表示一个类型由多个类型组成。而要声明一个类型,它是由另一个类型中的属性构成的联合类型,我们可以使用索引访问类型(Index Access Types)和联合类型的组合来实现。
例如,假设有一个类型 `Person`,它有 `name` 和 `age` 两个属性:
```typescript
type Person = {
name: string;
age: number;
}
```
现在我们想要声明一个类型,它是由 `Person` 类型中的 `name` 和 `age` 属性构成的联合类型。可以使用索引访问类型和联合类型的组合来实现:
```typescript
type PersonProps = Person[keyof Person]; // 等价于 string | number
```
上面的代码中,`keyof Person` 表示获取 `Person` 类型的所有属性名,即 `"name"` 和 `"age"`。然后通过索引访问类型获取这些属性对应的类型,即 `Person["name"]` 和 `Person["age"]`。最后使用联合类型将这些属性的类型连接起来,得到的类型即为 `string | number`,表示一个变量可以是字符串或数字类型中的一种。
ts 获取每个value的类型
在TypeScript(简称TS)中,如果你想获取某个数组或对象中每个value的类型,可以使用泛型、联合类型或者类型断言。这里有一些例子:
1. 对于数组:
```typescript
type Values<T> = T extends any[] ? T[number] : never;
let numbers: number[] = [1, 2, 3];
type NumberArrayValues = Values<typeof numbers>; // 数组值的类型会推导为number
```
在这个例子中,`Values`是一个泛型函数,它返回的是输入数组类型的元素类型。
2. 对于对象:
```typescript
interface MyObject {
key1: string;
key2: number;
}
function getValueTypes(obj: MyObject): { [P in keyof MyObject]: typeof obj[P] } {
return { ...obj };
}
let myObj: MyObject = { key1: 'hello', key2: 42 };
type ObjValueType = ReturnType<typeof getValueTypes(myObj)>;
// 这将得到:{ key1: string; key2: number; }
```
这里的`getValueTypes`函数返回一个新对象,其键对应的值就是原对象中对应属性的类型。
阅读全文