[ts] typeof ‘string‘ can not be used index type

最新推荐文章于 2024-09-21 19:44:52 发布
最新推荐文章于 2024-09-21 19:44:52 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： pits 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qubes/article/details/120717746
版权
本文讲述了在使用TypeScript时，尝试用变量作为对象键遇到`typeof 'string' cannot be used in index type`错误，并提供了通过指定键类型为string的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

error

typescript使用场景：用变量作为object的key取值，语法报错
typeof ‘string’ can not be used index type

solution

指定object的key的类型即可 obj: { [k:string]: string }

报错代码：

正常代码：

24、TS中的类型断言
imkaifan的博客
08-08 685
上面的例子中，我们也可以通过[扩展 window 的类型（TODO）][]解决这个错误，不过如果只是临时的增加 foo 属性，as any 会更加方便。总之，一方面不能滥用 as any，另一方面也不要完全否定它的作用，
【愚公系列】《AIGC辅助软件开发》014-AI辅助前端编程：AI辅助前端应用开发
热门推荐
时光隧道
07-27 4万+
随着移动互联网的发展，微信小程序逐渐成为了许多开发者和企业的热门选择。作为一种轻量级应用，小程序无需下载即可使用，极大地方便了用户的操作体验。在开发微信小程序时，良好的导航结构是提升用户体验的关键因素之一。在本文中，我们将深入探讨微信小程序中的导航组件。通过对比不同类型的导航方式，如Tab Bar、Navigator组件，以及自定义导航栏，我们将帮助你全面了解如何在小程序中实现高效、直观的导航设计。同时，我们还会分享一些实用的开发技巧和常见问题的解决方案，以便你能在实际项目中灵活应用这些知识。
Typescript报错expression of type string cannot be used to index
weixin_45029697的博客
09-29 908
Typescript
Element implicitly has an ‘any‘ type because expression of type ‘string‘ can‘t be used to index type
m0_50207524的博客
04-01 1600
中文报错：元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型 “UserInfo”。
【TypeScript】Element implicitly has an ‘any‘ type because expression of type ‘string‘ can‘t be used
harmsworth的博客
06-24 1373
Element implicitly has an 'any' type because expression of type '"a"' can't be used to index type '{}'.
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
小米人的博客
12-16 2万+
报错截图： 解决方法： 定义实例规则；首字母大写。
成功解决TypeError: ‘float’ object cannot be interpreted as an index
头部AI社区如有邀博主AI主题演讲请私信—心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，专注，谦虚，自律，反思，成长，还算比较正能量的博主，公益免费传播…内心特别想在AI界做出一些可以推进历史进程影响力的技术(兴趣使然，有点小情怀，也有点使命感呀
12-31 1万+
成功解决TypeError: ‘float’ object cannot be interpreted as an index 目录 解决问题 解决思路 解决方法 解决问题 TypeError: ‘float’ object cannot be interpreted as an index 解决思路 类型错误：“float”对象不能解释为...
ts 字符串不能做索引异常提示 type because expression of type ‘string‘
小漠007的专栏
05-25 367
let c=a[b]就会爆这个错误，因为在编译器看来b是一个未知的东西，它不属于a下面的任何一个属性b或者c，所以我们需要告诉它。
Element implicitly has an ‘any‘ type because expression of type ‘any‘ can‘t be used to index type 报错
m0_67265311的博客
02-25 4980
Typescript let obj = { a: "hey", b: "you", c: "guys" }; for (const k in obj) { console.log(obj[k].toUpperCase()); // error! /* Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ a: string; b: str
手把手带你撸一遍vue-loader源码
vv_bug
07-31 3324
前言 前面写过两篇webpack实战的文章： webpack实战之（手把手教你从0开始搭建一个vue项目） 手把手教你从0开始搭建一个vue项目（完结） 强烈建议小伙伴们去看一下前面几个章节的内容， 这一节我们研究一下vue-loader。 介绍 Vue Loader 是什么？ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： <template> <div class="example">
ReactNative项目构建分析与思考之 cli-config
喻志强的博客
03-18 1270
前言 在上一篇 native_modules.gradle分析 文章中，我们对三方库是如何依赖到Android项目有了一个大致的了解。 在 native_modules.gradle 的 getReactNativeConfig 方法中，执行了一个node命令，然后得到了非常关键的 reactNativeConfigOutput后续的流程才能正常走下去。 String[] reactNativeConfigCommand = ["node", cliPath, "config"] def reactNa
【TS】Error: Element implicitly has an ‘any‘ type because expression of type ‘string‘ can‘t be used to
流萤梦的博客
10-01 6618
好了，我们再考虑另一种场景，如果我obj对象里的属性很多，我很多地方都会用到obj对象里的key，总不能一个个都是keyof或者keyof typeof一下吧，有没有更好一点的方案呢？可以看到，这两种方式，极其相似，这里为什么不用typeof，是因为Person是我们定义的类型，而不是对象，两种方式得到的结果都是一样的。如果我想给obj新增一个属性呢？该报错一般出现在使用对象获取值的场景。
你不知道的typeof string 竟然等于object
Java架构师联盟
10-24 1346
为什么要研究字符串 因为JS有一个特殊点：typeof null结果是object 还有一个原因是：字符串竟然有方法，但是它又不可以设置属性。让我们用代码揭晓 const str = '前端巅峰Peter老师牛逼' str.xxoo = '你关注了吗？' console.log(str.xxoo, 'xxoo') 结果输出：undefined 为什么？ 因为字符串是基础数据类型，具体答案看后面。 可是字符串为什么又有方法？ 用代码说话： c..
TS 索引访问类型
文摘资讯
01-02 747
我们可以使用索引访问类型来查找另一种类型的特定属性：type Person = { age: number; name: string; alive: boolean }; type Age = Person["age"]; // type Age = number索引类型本身就是一种类型，因此我们可以与联合类型、keyof 或其他类型配合使用：typeI1=Person["age"|...
一文搞懂js中的typeof用法
jimojianghu的专栏
11-09 1208
typeof运算符是 javascript的基础知识点，尽管它存在一定的局限性（见下文），但在前端js的实际编码过程中，仍然是使用比较多的类型判断方式。 因此，掌握该运算符的特点，对于写出好的代码，就会起到很大的帮助..
ts 中在index.type.ts定义的枚举值如何使用
weixin_47454566的博客
05-18 174
【代码】ts 中在index.type.ts定义的枚举值如何使用。
TypeScript基础入门之高级类型的索引类型(Index types)
weixin_34184561的博客
09-23 782
2019独角兽企业重金招聘Python工程师标准>>> ...
Type ‘string‘ is not assignable to type ‘number‘. ＜ArkTSCheck＞
最新发布
hqy1989的博客
09-21 534
您正在尝试将一个字符串类型的值赋给一个期望为数字类型的变量或参数。
signature=1be7575a614ba3597c2c53247a739d1c,An index signature parameter type cannot be a union type....
weixin_30585729的博客
05-29 345
最近在写接口类型时，希望一个类型的键值是联合类型中固定的几个例如const enum INFO_KEYS{TEL = 'tel',AGE = 'age',}// or// type IInfoKeys = 'tel' | 'age';export interface IPersonnalInfo = {area_id: number;area_name: string;[key: INFO_KEY...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值