TypeScript 根据struct的attribute的名字来取值

最新推荐文章于 2024-04-04 01:10:44 发布
最新推荐文章于 2024-04-04 01:10:44 发布
阅读量352 收藏
点赞数
文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Treasureashes/article/details/130234926
版权

假如有一个interface struct

interface myStruct {
  attr1?: number;
  attr2?: number;
  attr3?: number;
  attr4?: number;
  attr5?: number;
  attr6?: number;
}

最容易想到最trivial的办法就是用switch或者if else 一个一个值去判断它的名字是否等于传入的字符串s

更简单的方法，JavaScript直接

myStruct[s]

就可以，但TypeScript好像不行

其实传入的时候不把s定义为string，而是定义keyof myStruct 就好了，再也不用傻傻地写判断分支了

Treasureashes
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript(重要)
努力学习前端的小白
01-07 661
TypeScript常见面试题
typescript获取属性名_动态获取object的keys和values，即不知道类的属性名，怎么获取对象属性的值...
weixin_30310209的博客
12-30 7642
不知道类的属性名，怎么获取对象属性的值。class Test {id: Numbername: String}不知道id也不知道name。假设Test是jason数据，解析出来可能是如上的，也可能:class Test {id2: Numbername2: String}的情况，如何获取类型名和值。那可以使用：(假设test为Test的一个对象)Object.values(test)可以获取所有的...
Typescript学习笔记（1）数据类型
Decadent゜
09-15 367
TS数据类型基础
typescript 结构化
junhuafly的专栏
02-17 608
// 结构化 const foo15 = { a: 123, b: 456 } foo15.a = 24 console.log(foo15); const bar = [1, 2, 3] // bar[0]='332' // error bar[0] = 33 bar[7] = 66 console.log(bar); // 解构 const foo16 = { a: 123, b: 456 } let { a, b } = foo16 console.log({ a, b ..
Typescript 动态获取对象属性
u013341389的博客
08-23 2204
【代码】Typescript 动态获取对象属性。
struct2ts：从Go结构中生成Typescript类接口
02-05
struct2ts 一个非常简单且功能强大的Go结构...还有一个额外的struct标签来控制输出ts ，有效的选项是 -忽略此字段。 date句柄转换time.Time{}.Unix() <-> javascript Date 。 ,no-null仅对结构字段有效，强制创建
openapi-typescript:根据Swagger OpenAPI规范生成TypeScript类型
05-10
:rocket:使用Node.js将和模式转换为TypeScript接口。 :nail_polish:输出使用Prettier进行（并且可以自定义！）。 :backhand_index_pointing_right:适用于本地和远程资源（文件系统和HTTP）。 查看示例： 用法 命令行...
TypeScript实例之网页计算器
02-05
使用ts开发网页计算器，实现自动计算，及界面的自动绘制，依赖库如下： 1. browserify 为网页浏览器提供模块加载环境。 2. lite-server 提供简易的web服务，自动将项目中的内容发布到web服务器中，启动时自动打开...
Typescript类型脚本课件.pptx
06-19
变量定义时，Typescript会根据上下文为变量指定类型，这称为类型推论。 类分类包括： 1. 普通类 2. 抽象类 类的成员包括： 1. 访问修饰符：public, private, protected 2. 属性和方法 3. 继承 4. 存取器 5. 静态...
精进TypeScript--习惯结构类型（Structual Typing）
最新发布
liu888663的博客
04-04 1029
JavaScript 本质上属于鸭子类型（duck typed）:如果你向函数传递具有所有正确属性的值，那么它就不会在乎如何创建该值。掌握结构类型将有助于你理解“正确”与“错误”，并让你写出更可靠的代码。
TypeScript 的类型检查和类型保护
奇舞周刊
10-23 510
编者按：本文作者奇舞团前端开发工程师陈方旭。本文是从前几天整理的《TypeScript 基础精粹》一文中抽出来的两部分：类型检查机制和类型保护机制，因为原文实在是太长太干...
TypeScript学习（小白）
qq_41754854的博客
06-09 1189
TypeScript学习（小白） 1.export 关键字：可以让外部访问此类或方法； 2.extands 关键字：继承类或接口； 3.：关键：声明数据类型或者返回值类型 4.class 关键字：类的声明； 5.类的构造函数：constructor（），无需添加同类名的方法名； 6.this 关键字：同一个类中，使用this关键字指代本区域的变量； 7.let 关键字：主要用于方法中或者局部作用域中，与关键字var不同； 8.var 关键字：作用域比较大，一般是全局变量使用； 9.数组的使用： （1）可以直
typescript通过ref获取子组件数据报错
那朵花的博客
04-20 273
【代码】typescript通过ref获取子组件数据报错。
Typescript引入ref的注意事项
zw686668的博客
07-01 1321
Typescript引入ref的注意事项 //Jsx的类组件使用ref两种方式： //第一种 { constructor() {//第一步注册 super() this.ref = React.createRef()//用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，用ref的current属性来获取节点或示例 } componentDidMount() {
深入理解 TypeScript 高级用法
Jack, what else can you do besides holding your little darling?
04-12 1077
单独使用条件类型可能用处不是很大，但是结合泛型使用时就非常有用。一个常见的用例就是使用带有 never 类型的条件类型来修剪类型中的值。其中 NullableString​ 可以是 string​ 或 null​ 类型，它用于 itemName​ 变量。never : T;NonNullable​ 和 NoNull​ 之间的区别在于 NonNullable​ 将从类型中删除 undefined​ 以及 null。// 这里取一个[0, 10)范围内的随机值。
C#的Attribute和Typescript的装饰器之比较
weixin_43263355的博客
11-25 1171
概要 C#的Attribute和Typescript的装饰器都可以实现AOP，以达到优化代码结构的作用。两者都可以在不修改原有代码的基础让，添加新的功能到已有类中，但是却采用了不同的实现方式。本文以一个字符串最大长度的限定的例子，来比较二者的实现方式。 概念比较 在C#中，通过定义一个类，该类继承Attribute类，来作为作为饰器使用。从而实现对类，类中的属性，方法，方法参数等的装饰。 在C#的编译器会先实例化装饰类，再实例化被装饰的内容，这就决定了在该装饰饰器类内部，是无法访问到装饰修饰的对象，所以装饰
解决typescript对象获取值时报错问题
专注
02-17 2570
问题描述：在ts中，使用对象key取值时，会出现如下警告，ts报错提示：TS7053: Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index type ‘TempObj’. No index signature with a parameter of type ‘string’ was found on type ‘TempObj’.，如下图所示 解决方案：将.
typescript 字典对象取值
06-09
在 TypeScript 中，可以使用字典对象（也称为映射对象）来存储键值对。要从字典对象中获取值，可以使用方括号语法，将键作为索引来访问对应的值。下面是一个简单的示例代码： ```typescript // 定义一个字典对象 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值