TS获取对象属性值的类型

前端精髓

已于 2023-01-02 22:16:06 修改

阅读量9.1k

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2023-01-02 12:08:33 首次发布

本文链接：https://blog.csdn.net/wu_xianqiang/article/details/128519603

版权

JavaScript 专栏收录该内容

149 篇文章

订阅专栏

语法如下：

type Person = { age: number; name: string; alive: boolean };
 
type I2 = Person[keyof Person];
//type I2 = string | number | boolean

或者联合类型

const RestfulMethod = {
  get: 'GET',
  post: 'POST',
  put: 'PUT',
  delete: 'DELETE'
} as const


type IRestfulMethod = typeof RestfulMethod
type TypeRestfulMethod = IRestfulMethod[keyof IRestfulMethod]
// type TypeRestfulMethod = 'GET' | 'POST' | 'PUT' | 'DELETE'

查看官方文档：https://www.typescriptlang.org/docs/handbook/2/indexed-access-types.html

如果想获取对象属性名的类型，可以这样

type Person = { age: number; name: string; alive: boolean };
 
type I2 = keyof Person
//type I2 = 'age' | 'name' | 'alive'

把对象中的方法名取出来

let obj = {
  name: 'hello',
  age: 18, 
  eat () {
    return 'food'
  },
  link () {
    return 'dog'
  }
}

type methodsPick<T> = {[K in keyof T]: T[K] extends Function ? K : never}[keyof T];
// T1 = 'eat' | 'link'
type T1 = methodsPick<typeof obj>