首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Typescript从名称获取对象属性类型

Typescript是一种静态类型的编程语言,它是JavaScript的超集,为JavaScript添加了静态类型检查和其他一些特性。在Typescript中,可以通过使用泛型和反射机制来获取对象属性的类型。

要从名称获取对象属性类型,可以使用Typescript的keyof和typeof操作符。keyof操作符用于获取对象的属性名称的联合类型,而typeof操作符用于获取属性的类型。

下面是一个示例:

代码语言:txt
复制
interface MyObject {
  name: string;
  age: number;
  isStudent: boolean;
}

type MyObjectKeys = keyof MyObject; // "name" | "age" | "isStudent"

function getPropertyType<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

const myObject: MyObject = {
  name: "John",
  age: 25,
  isStudent: true,
};

const nameType = getPropertyType(myObject, "name"); // string
const ageType = getPropertyType(myObject, "age"); // number
const isStudentType = getPropertyType(myObject, "isStudent"); // boolean

在上面的示例中,我们定义了一个接口MyObject来描述一个对象类型。然后,我们使用keyof操作符创建了一个类型MyObjectKeys,它是MyObject的属性名称的联合类型。

接下来,我们定义了一个泛型函数getPropertyType,它接受一个对象和一个属性名称,并返回该属性的类型。函数的类型参数T表示对象的类型,类型参数K表示属性名称的类型,它必须是T的属性名称的子类型。

最后,我们创建了一个myObject对象,并使用getPropertyType函数获取了nameageisStudent属性的类型。

对于Typescript的相关概念和语法,可以参考腾讯云的Typescript文档:Typescript | 腾讯云

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

获取对象属性类型属性名称属性值的研究:反射和JEXL解析引擎

先简单介绍下反射的概念:java反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法;对于任意一个对象,都能够调用它的任意方法和属性;这种动态获取信息以及动态调用对象方法的功能称为java...在实际的业务中,可能会动态根据属性获取值。...fields[i].getType()); fieldNames[i] = fields[i].getName(); } return fieldNames; } /** * 获取属性类型...getFieldValueByName(fields[i].getName(), o)); list.add(infoMap); } return list; } /** * 获取对象的所有属性值...fieldNames.length; i++) { value[i] = getFieldValueByName(fieldNames[i], o); } return value; } /** * 根据对象属性名设置属性

6.4K50

TypeScript自定义类型对象属性必选、对象属性可选

一、把对象类型的指定key变成可选1.实现用到的ts基础keyof T生成新的类型,也就是联合字面量类型,组成的字面量类型是T的属性名称所组成的。...Pick定义的类型中指定一组属性生成新的类型in 遍历枚举类型,可跟keyof一起使用做类型转换 type A = {name:string,age:number } type changeA...info对象中所有属性对象类型。...思路如下:首先需要把可选属性去除,得到一个不包括可选属性对象类型将剩余属性组成的对象类型与可选属性组成的对象类型交叉,得到最终结果使用TS中的Exclude工具类型联合类型中去除指定属性,最终得到联合类型...ExcludeK为'id' | 'name'keyof T为'name'| 'id'| 'age'| 'class'接着使用Pick工具类型对象类型(info)中抽取出指定类型的键值

62720

TypeScript】TS自定义类型对象属性必选、对象属性可选

一、把对象类型的指定key变成可选=================1.实现用到的ts基础keyof T 生成新的类型,也就是联合字面量类型,组成的字面量类型是T的属性名称所组成的。...Pick 定义的类型中指定一组属性生成新的类型in 遍历枚举类型,可跟keyof一起使用做类型转换 type A = {name:string,age:number } type changeA...info对象中所有属性对象类型。...思路如下:首先需要把可选属性去除,得到一个不包括可选属性对象类型将剩余属性组成的对象类型与可选属性组成的对象类型交叉,得到最终结果使用TS中的Exclude工具类型联合类型中去除指定属性,最终得到联合类型...ExcludeK为'id' | 'name'keyof T为'name'| 'id'| 'age'| 'class'接着使用Pick工具类型对象类型(info)中抽取出指定类型的键值

1.3K10

TypeScript 对象类型-接口

一、什么是接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象类型 接口是一系列抽象方法的声明,是一些方法特征的集合,第三方可以通过这组抽象方法调用,让具体的类执行具体的方法...TypeScript 中接口除了可用于对类的一部分行为进行抽象以外,还可用于对「对象的形状(Shape)」进行描述 举个例子: interface Person { name: string;...string 类型的值 需要注意的是,一旦定义了任意属性,那么确定属性和可选属性类型都必须是它类型的子集: interface Person { name: string; age?...上例中,任意属性的值允许是 string,但可选属性 age 的值却是 number,number 不是 string 的子属性,所以报错了 注意:一个接口中只能定义一个任意属性 如果接口中有多个类型属性...上例中,使用 readonly 定义的属性 id 初始化后又被赋值,所以报错 注意,只读的约束存在于第一次给对象赋值的时候,而非第一次给只读属性赋值的时候: interface Person {

3.3K10

【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象获取句柄值 | 函数获取句柄值 | 获取 设置 对象属性 | 获取对象属性 )

文章目录 一、对象句柄值获取 1、句柄值 2、创建对象获取句柄值 3、函数获取句柄值 4、获取 / 设置 对象属性 二、获取对象属性 1、获取 线 对象属性 2、获取 坐标轴 对象属性 一、对象句柄值获取...: 创建对象时 , 使用变量接收该对象 , 下面的代码就是使用 line_sin 变量获取 线 对象的句柄值 ; line_sin = plot(x, y) 3、函数获取句柄值 使用函数获取对象句柄值...: 查找特定对象的父容器的句柄值 ; delete : 删除对象 ; findall : 找到所有的图形对象 ; 4、获取 / 设置 对象属性 获取某个对象属性 : 使用 get 函数 , 可以获取某个对象属性...; get() 设置某个对象属性 : 使用 set 函数 , 可以设置某个对象属性 ; set() 二、获取对象属性 ---- 1、获取 线 对象属性 获取图形对象属性 : 代码示例 : % x...坐标轴 对象属性 使用 get(gca) 可以获取当前坐标轴对象属性 ; 代码示例 : % x 轴变量 % 在 0 ~ 2pi 之间产生 1000 个数值 x = linspace(0, 2 * pi

6.4K30

C#到TypeScript - 类型

C#到TypeScript - 类型 TypeScript和C#一样是微软搞出来的,而且都是大牛Anders Hejlsberg领导开发的,它们之间有很多共同点,现在尝试以C#程序员的角度来理解下TypeScript...TypeScript一门是JavaScript的超集语言,除了支持最新的JS语法外,TypeScript还会增加一些其他好用的语法糖,最重要的是它在兼顾JavaScript灵活的基础上增加了强类型系统,...现在来看下TypeScript基础类型: 数值 C#的数字类型有好几种:int, long, float, double, byte等,而TypeScript和JavaScript一样,所有的数字都是浮点数...里的也不输给C#,不过叫法上是分开的,这里的元组只是对数组的处理,另外还有对象上的叫解构赋值,以后会写。...,后面会讲联合类型 tuple[4] = true; //不行 这一篇主要就讲这些基本类型,下一篇会讲TypeScript的高级类型

1.7K50

JS操作对象属性获取、添加、删除、修改对象属性

属性也称为名值对,包括属性名和属性值。属性名可以是包含空字符串在内的任意字符串,一个对象中不能存在两个同名的属性属性值可以是任意类型的数据。 定义属性 1....使用中括号语法 结构上分析,对象与数组相似,因此可以使用中括号来读写对象属性。 示例2 针对上面示例,可以使用中括号来读写对象属性。...示例4 在下面示例中定义一个对象,该对象包含三个属性,然后使用 getOwnPropertyNames 获取对象的私有属性名称。...使用 Object.keys 使用 Object.keys() 函数仅能获取可枚举的私有属性名称。...undefined,而是对象中彻底清除属性

15.2K00

【JavaScript】对象 ⑤ ( 遍历对象 | for…in 循环 遍历对象 | Object.keys() 遍历对象属性名称 | Object.entries() 遍历对象属性键值对 )

操作符 加上 属性名称 , 才能访问 , 如 person.name ; 如果对象中有 几十上百 个属性 , 如果想要打印出所有的属性命令 , 就需要遍历操作了 ; 2、遍历对象的常用方法 对象的遍历...可以使用如下几种方法 : 使用 for…in 循环 遍历对象 使用 Object.keys() 遍历对象属性名称 使用 Object.values() 遍历对象属性值 使用 Object.entries...() 遍历对象属性名称 + 属性值 键值对组合 ; 二、遍历对象 1、使用 for…in 循环 遍历对象 for…in 循环 既可以用于遍历数组 , 又可以用于遍历对象的可枚举属性 ; 代码示例...对象属性名称 , 其类型是个字符串 ; 调用 person.hasOwnProperty(key) 函数 , 可以 验证 对象中是否存在 属性名 为 key 的对象属性 ; 获取对象属性 ,...是根据 person 对象属性类型确定的 , 此处得到的属性类型可能是 string 类型 , 也可能是 number 类型 ; 完整代码示例 : <!

18610

如何在 TypeScript 中为对象动态添加属性

TypeScript 中,我们经常需要在运行时动态添加属性对象上。...这是因为 TypeScript 是一种静态类型语言,类型系统在编译时会检查代码的类型安全性,所以在编译时我们无法确定对象上将要添加哪些属性。...首先,由于 TypeScript 是静态类型语言,因此我们无法在类型定义中指定新属性类型。其次,由于 Object.assign 是一种浅拷贝方法,它只会复制对象属性,而不会复制属性值所属的对象。...这是因为 TypeScript 是一种静态类型语言,类型系统在编译时会检查代码的类型安全性,所以在编译时我们无法确定对象上将要添加哪些属性。...结论在 TypeScript 中为对象动态添加属性是一种常见的需求,但它也存在一些潜在的问题。为了避免这些问题,我们可以使用接口或类来定义对象类型,从而在编译时进行类型检查。

8.3K20

C#到TypeScript - 高级类型

C# vs TypeScript - 高级类型 上一篇讲了基础类型,基本上用基础类型足够开发了,不过如果要更高效的开发,还是要看下高级类型,这篇和C#共同点并不多,只是延用这个主题。...联合类型 可以字面上进行理解:其实就是多个类型联合在一起,用|符号隔开。 如: string | number, 表示希望这个类型既可以是string,又可以是number。...TypeScript别名不是新建一个类型,而是现有类型的一个引用。 给现在类型起别名意义不大,倒是可以配合联合类型或交叉类型做成一些可读的或比较新颖的类型。...TypeScript可以根据赋值或上下文推论出变量的类型,所以有时可以不用明确标明变量或函数返回值的类型。...以上就是TypeScript类型了,比较灵活也比较难,可能要在实际项目中用用就会比较好掌握。

1K90

TypeScript 官方手册翻译计划【五】:对象类型

项目地址:TypeScript-Doc-Zh,如果对你有帮助,可以点一个 star ~ 本章节官方文档地址:Object Types 对象类型 在 JavaScript 中,最基础的分组和传递数据的方式就是使用对象...在 TypeScript 中,我们则通过对象类型来表示。...属性修饰符 对象类型中的每个属性都可以指定一些东西:属性类型属性是否可选,属性是否可写。 可选属性 大多数时候,我们会发现自己处理的对象可能有一个属性集。...TypeScript 还提供了另一种称为“交叉类型”的结构,可以用来结合已经存在的对象类型。...除了长度检查之外,类似这样的简单元组类型其实等价于一个对象,这个对象声明了特定下标的属性,且包含了数值字面量类型的 length 属性

1.7K30
领券