Ts如何通过中括号读取属性值？keyof typeof用法

最新推荐文章于 2024-07-22 10:22:43 发布
最新推荐文章于 2024-07-22 10:22:43 发布
阅读量6.5k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45301392/article/details/118343769
版权

一、场景：中括号读取对象中值的时候报错：【类型“String”不能作为索引类型使用】、切换成any 之后【元素隐式具有 “any” 类型，因为类型为 “any” 的表达式不能用于索引类型 “attr_type”。】

在这里插入图片描述

二、查阅资料

有说在tsconfig中配置suppressImplicitAnyIndexErrors-true的【亲测无效】、
最后通过 keyof typeof 完美解决。

三、解决办法 使用 keyof typeof

在这里插入图片描述

X.Py
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
typescript获取属性名_动态获取object的keys和values，即不知道类的属性名，怎么获取对象属性的值...
weixin_30310209的博客
12-30 7676
不知道类的属性名，怎么获取对象属性的值。class Test {id: Numbername: String}不知道id也不知道name。假设Test是jason数据，解析出来可能是如上的，也可能:class Test {id2: Numbername2: String}的情况，如何获取类型名和值。那可以使用：(假设test为Test的一个对象)Object.values(test)可以获取所有的...
一道TypeScript题目,快速上手TS(keyof,extends,typeof)
ddccccccc的博客
08-03 571
一道初学者向TypeScript的题目,涵盖常用TS关键字(keyof,extends,infer等)
typescript: key: keyof typeof语法
最新发布
fury的博客
07-22 158
元素隐式具有 "any" 类型，因为类型为 "string" 的表达式不能用于索引类型 "{ name: string;在类型 "{ name: string;}" 上找不到具有类型为 "string" 的参数的索引签名。function method(key: keyof typeof obj) {这句代码什么意思?keyiof typeof做了什么?
ts 中的keyof 和typeof
qq_17335549的博客
04-17 1059
作用：返回类型：使用场景：
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 参数设置了类型，分别为
TypeScript系列教程九《类型转换》-- keyof和typeof 操作
星宇大前端
08-03 1272
类型转换是TS最好玩也是语言的灵魂，想玩好需要熟练各种手段和工具，下面一一介绍类型转换的一些常用手段。 keyof 操作 keyof 见名知其意，就是获取对象所有的key，然后返回一个新的联合类型。 例如： type Point = { x: number; y: number }; type P = keyof Point; 扩展用途，将属性类型由number 修改成string: type SPoint = {[K in P]:string}   如果一个类型由string、numb.
TS中typeof和keyof
Cuichenyang158的博客
01-11 574
一个最基本的keyof用法如下，我们通过keyof Person得到一个PersonKeys类型，它是一个联合字面量类型，包含了Person所有的属性。你可能已经知道，typeof 运算符为你提供对象的类型，上面例子中 Person interface，我们已经知道它的类型，所以我们只需要在 Person 上使用 keyof 操作符。这里 ColorsEnum 在运行时作为一个对象存在，不是一个类型，所以，我们需要一起使用 keyof typeof 这两个操作符，像下面代码展示的一样。
TS枚举详解
热门推荐
AMD23的博客
03-23 2万+
Enums（枚举）是TypeScript的少数功能之一，它不是JavaScript的类型级扩展。 枚举允许开发者定义一组命名的常量。使用枚举可以使其更容易记录意图，或创建一组不同的情况。TypeScript提供了基于数字和字符串的枚举。 1 数值型枚举 我们首先从数字枚举开始，如果你来自其他语言，可能会更熟悉它。一个枚举可以用 enum 关键字来定义。 enum Direction { Up = 1, Down, Left, Right, } 上面，我们有一个数字枚举，其
TS进阶小记
weixin_42173625的博客
06-08 324
TS学习
Vue3+TypeScript？看这一篇就够了
drnrrwfs的博客
03-09 3725
1、TypeScript快速上手 1.1 初识 TypeScript TypeScript 的介绍 TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。它是开源和跨平台的编程语言。 TypeScript扩展了J
TypeScript（TS） 学习笔记
qq_33365152的博客
09-17 774
TypeScript（TS） 简单学习笔记
一文读懂 TypeScript 中的范型是如何计算的
wumu0927的博客
08-11 368
本文首发于个人博客首先, 我们来写一个函数: loggerNum 函数, 这个函数的作用是 console.log 输入数字值, 然后将该值返回: 假如说我们还需要打印字符串呢? 假如说我们还有布尔类型, 害, 是不是得继续声明一个函数来实现, 算了, 我使用 any: 这种方式当然没有问题, 但是它失去了原有的类型以及类型检查(不到万不得已, 请不要使用 any), 所以我们需要一种捕捉参数类型的方式, 以便我们可以使用它来表示返回的内容. 我们现在给函数添加来一个类型变量, 然后可以捕获到提供的类型(比
通过点操作符和中括号操作符访问对象属性
qq_25537391的博客
07-04 1039
通常访问对象属性有两种方法：一种是点操作符(.);另一种是中括号操作符([]) 那么我们如何选择两种操作方式呢？ 点操作符 当你知道属性名称的时候，使用点操作符(.)，下面是一个使用点操作符读取对象属性的例子： var newObj = { prop1: "obj1", prop2: "obj2" }; var prop1val = newObj.prop1; // obj1 var ...
TS中keyof和typeof的区别
sky___Show的博客
03-23 293
这两个东西是用来进行类型推断的。但是TS呢?如果使用any大法，就写出下面这样的代码了这样固然可以，但是指不定哪天就蹦出来一个undefined，就不能体现出TS的优势了。
TS
rainbow的博客
03-11 764
这里写目录标题接口 enum 接口 enum enum ConfigPng { item1 = 123, item2 = 455, item3 = ‘time’ } 直接使用ConfigPng[a]会一直报预发错误，虽然代码可以运行 解决方法：as keyof typeof RightsTypes 研究ts这种写法
ts语法定义对象类型引用报错
weixin_48244940的博客
08-13 3191
定义对象类型使用时报错
TS中对象列表赋值，变量用[ ]，参数名用(“ “)
Mr_TianSDQ的博客
07-31 493
【代码】TS中对象列表赋值，变量用[ ]，参数名用(" ")
ts基本类型 typeof 和keyof
weixin_68531033的博客
07-22 1万+
安装编译ts的工具安装命令： 或者 。验证是否安装成功：tsc –v（查看 TypeScript 的版本）。创建 文件（注意：TS 文件的后缀名为 ）。将 TS 编译为 JS：在终端中输入命令，（此时，在同级目录中会出现一个同名的 JS 文件）。执行 JS 代码：在终端中输入命令，。说明：所有合法的 JS 代码都是 TS 代码，有 JS 基础只需要学习 TS 的类型即可。注意：由 TS 编译生成的 JS 文件，代码中就没有类型信息了。 创建 TS文件hello 通过 tsc hello.ts 命令会生成同
ts中的联合类型和类型保护--- as、in、typeof、instanceof、enum、keyof
jjw_zyfx的博客
01-08 1751
ts中的联合类型和类型保护--- as、in、typeof、instanceof。enum
activeMarker?.markerType as keyof typeof viewForm这行代码什么意思
06-11
这行代码的含义是： - `activeMarker` 是一个对象（或者 `null` 或 `undefined`），它具有一个名为 `markerType` 的属性。 - `?.` 是可选链操作符，它表示如果 `activeMarker` 不为 `null` 或 `undefined`，则继续访问该对象的属性；否则返回 `undefined`。 - `as` 是类型断言操作符，它告诉编译器将表达式转换为指定的类型。在这里，它将表达式 `activeMarker?.markerType` 转换为类型 `keyof typeof viewForm`。 - `keyof typeof viewForm` 表示 `viewForm` 对象的所有属性名的联合类型。也就是说，它是一个字符串类型的集合，其中每个字符串都是 `viewForm` 对象的一个属性名。 因此，这行代码的作用是将 `activeMarker` 对象的 `markerType` 属性转换为 `viewForm` 对象中的某个属性名（或者返回 `undefined`）。这样做的目的可能是为了检查 `markerType` 是否是 `viewForm` 对象中的有效属性名，或者为了在后续的代码中使用该属性名进行相关操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值