typescript中，对象使用动态变量作为key获取相应的值时类型声明

最新推荐文章于 2024-04-15 11:29:25 发布
最新推荐文章于 2024-04-15 11:29:25 发布
阅读量8.1k 收藏 2
点赞数 2
分类专栏： js 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/128430846
版权

对于一个obejct对象，我们常用获取某个值的方法有两种

  1.  点. 运算符 obj.name，其中name是这个obj的键
  2. 方括号obj.[name] ，其中name是一个变量

在js中我们这样写完全没有问题，但是如果在ts文件中，使用变量作为方括号中的key，来获取对象的属性的值的时候就会有类型错误，比如下面的例子

 所以我们应该给obj加上一个ts的类型声明

 

总结，本文重点是给object对象进行类型声明，其实在ts中这种场景很常用。

我有一棵树
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
typescript 获取对象Object 中 动态的key 值
smile的博客
10-31 1万+
以上Object.keys()作用：遍历对象，找到对象中每一项key。话不多说，直接上代码。
creature-chess:TypeScript，React和Node中的开源自动国际象棋游戏
04-04
一个使用TypeScript使用React和Node编写的开源国际象棋游戏。 玩耍 要尝试该游戏，请访问 ，注册一个帐户，然后单击“查找游戏”。 这仅仅是用于演示目的微小的服务器上，因此可能无法正常工作所有的时间-请，如果...
ts约束对象中的key
qq_40655561的博客
01-22 630
ts实现一个方法，这个方法接受两个参数，第一个参数为一个对象，第二个参数为第一个参数中的key，当我们第一个参数输入一个对象是，编辑器可以智能提示我们第二个参数可能的值，如果第二个参数不是第一个参数中的key时，我们需要抛出一个异常，告知函数调用者这样调用是错误的
【Typescript】Typescript如何给 对象动态添加一个属性
最新发布
weixin_43343144的博客
04-15 158
注意：在Typescript中，每个对象的类型不一样，不能和JavaScript一样，随时读取。
TypeScript实战-17-TS高级类型-索引类型
BraveWangDev
09-20 4508
一,前言 本篇介绍TS的另一个高级类型-索引类型 从对象中获取一些属性的值,然后建立一个集合 et obj = { a: 1, b: 2, c: 3 } // 获取对象中的指定属性的值集合 function getValues(obj: any, keys: string[]) { return keys.map(key => obj[key]) } // ...
TS系列之keyof详解，示例
qq_43205326的博客
06-14 6327
如果你用过TS的工具类型，Partial、Required、Pick、Record。那么你可能看过他们内部实现都有共同点就是keyof关键字。即使没有见过，那么下面就一起来了解一下，keyof关键字的详细作用吧。
js为Object对象动态添加属性和值
热门推荐
天马3798
03-01 15万+
为Object对象动态添加属性和值 方式1： var obj = {}; //或者 var obj=new Object(); var key = "name"; var value = "张三丰" obj[key] = value; console.info(obj); 方式2，使用eval() 动态解析字符串表达式 var obj = {}; var key = "name"; var
TypeScript：对象
KaiSarH
05-24 1807
对象
Typescript 动态获取对象属性
u013341389的博客
08-23 2067
【代码】Typescript 动态获取对象属性。
记录下 typescript 使用 typeof 和 keyof 将一个对象所有的key定义为一个类型
chendf__的博客
11-15 6380
typeof const obj = { name: '测试', id: 1, children: { name: '测试-子', id: 2 } } // 定义类型 type ObjType = typeof obj // 这个时候的 ObjType 的类型为 {name: string, id: number, children: {name: string, id: number}} keyof interface Type1 {
可动态获取实例化对象的Typescript装饰器
ZTao-z的博客
11-01 532
typescript中可动态获取实例化对象的装饰器的一种实现
ts对象动态key值报错
Gaojuncheng112的博客
05-03 812
js中对象的键值对形式配合动态key常用于策略模式，减轻代码的if，else使用，但在ts中使用时有小小的坑。解决方案：定义接口，并给对象key进行断言。
node-typescript-express-starter:入门服务器使用TypeScript表达Node.js
05-14
此应用程序使用对config的依赖关系来简化环境变量的设置，这使其在不同环境中部署应用程序时具有可伸缩性和鲁棒性。 在./config目录下有一个文件称为development.json包含用于本地环境的配置，而custom-environment...
ts-express-cloud-function-template：TypeScript中的Express Power GCP云功能模板，与Circle CI一起部署
01-31
ts-express-cloud-功能模板 ... GCP_AUTH=Value should be base64 encoded service account key "base64 <your>" GCP_PROJECT=Your project id from GCP. GCP_FUNCTION=The name of the function in GCP.
sdk-ts:用于DSNP的TypeScript SDK
04-09
DSNP TypeScript SDK 易于使用的DSNP SDK 文献资料 请参阅或通过npm run doc生成html文档。 如何安装 运行npm install @LibertyDSNP/sdk 如何建造 运行npm run build 如何编译文件 运行npm run doc以获取HTML文档 ...
node-microservices:样本Typescript节点微服务后端
03-26
一个样本Typescript节点微服务后端项目 安装要求 稳定版本的Node.js Kubernetes cli kubectl 运行本地实例，例如 控制器 Docker引擎 更新您的OS主机文件，以将指向您本地的Kubernetes集群IP地址 创建局部环境变量...
TS 使用自动提示生成对象中的键
GoldenaArcher的博客
04-16 323
使用 plain object 而不是 class 的原因主要是在于 redux 中保存的对象需要为可序列化的对象。，这里想要解决的问题是：在已经定义好 interface 的情况下怎么样可以做到不用重复 cv 每一个 key 去创建对象。简单说就是，技术上可行，但是实践上可能会 break 项目，在 persist 和 rehydrate 过程中出现问题。然后就可以利用 IDE 提供的 Quick Fix 添加所有的 key。最后在一个 Stack Overflow 的 post。
TS 中的 keyof 和 typeof 操作符
yanzi_0216的博客
03-25 1万+
TS 中的 keyof 和 typeof 操作符 TypeScript keyof 操作符 使用object(key)获取对象属性时报错 keyof keyof 用于遍历某种类型的属性（可以操作接口、类以及基本数据类型） 在 TS 中定义一个获取函数属性的函数如下： function prop(obj: object, key: string) { return obj[key]; } 在上面代码中，为了避免调用 prop 函数时传入错误的参数类型，我们为 obj 和 key 参数设置了类型，分别为
jira项目笔记26-TS object 类型 和 {[key:string]: unknown} 定义类型的区别
qq_41632427的博客
10-03 879
jira
ts 将变量作为参数获取对象属性
05-26
可以使用 TypeScript 中的索引类型来将变量作为参数获取对象属性。 例如，假设有一个对象： ```typescript const myObj = { name: 'John', age: 30, city: 'New York' } ``` 我们可以定义一个函数，该函数使用一个字符串参数来作为要获取的属性的名称，然后返回该属性的值： ```typescript function getProperty(obj: any, key: string) { return obj[key]; } ``` 然后可以这样调用该函数： ```typescript const name = getProperty(myObj, 'name'); const age = getProperty(myObj, 'age'); const city = getProperty(myObj, 'city'); ``` 在这个例子中，我们传递了一个对象和一个字符串参数来获取对象的属性。函数使用了索引类型来确保传递的属性名称是对象实际拥有的属性之一。如果传递了一个不存在的属性名称，则会在编译时发出警告。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值