typescript 枚举值与number比较报错

已于 2023-01-14 03:17:07 修改
阅读量4.2k 收藏 1
点赞数 1
文章标签： typescript javascript 前端 vscode
于 2023-01-14 03:16:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaoxuechi/article/details/128681751
版权
在TypeScript中，尝试用枚举的键名（string类型）获取枚举值并和number比较时出现错误。原因是for...in循环中的keyName被推断为any类型，导致与enum的比较出错。解决方法包括将keyName显式转换为string类型或使用模板字符串来规避编译器检查。

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

typescript 枚举值与number比较报错

错误描述：

如图所示，我尝试使用枚举key的名称从枚举中取枚举的keyCode值并与我键盘按下的值相比较，但是这里一直报错。
错误信息：此比较似乎是无意的，因为类型 number 和 string 没有重叠。 ts(2367)
在这里插入图片描述
在这里插入图片描述

原因分析：

由于 ts 语法规定 for … in 语句不能为迭代变量给定类型，此时 keyName 为 any，由于any传入枚举 cc.macro.KEY 中编译器
无法预测返回结果，所以产生此错误。

解决办法：

方法一（推荐）：将keyName强制转换为 string类型使用
在这里插入图片描述

方法二：${keyName}绕过编译器检测
在这里插入图片描述

rujisike-007
关注
【TypeScript】深入学习TypeScript枚举
前端之行，任重道远！
08-04 1万+
本篇文章将深入去讲解TypeScript中的枚举，这也许会是你看过的最全面最细致的TypeScript教程！
typescript 枚举(enum)
xiaomifeng_li的博客
10-06 1941
枚举 使用枚举我们可以定义一些有名字的数字常量。 枚举通过enum关键字来定义。 enum Direction { Up = 1, Down, Left, Right } 一个枚举类型可以包含零个或多个枚举成员。 枚举成员具有一个数字值，它可以是常数或是计算得出的值 当满足如下条件时，枚举成员被当作是常数： 不具有初始化函数并且之前的枚举成员是常数。 在这种情况下...
TypeScript/JavaScript (ts/js)判断任意两个值是否相等
DinoFong的专栏
03-01 1520
ts判断任意两个值(包括数组，对象，基础类型)是否相等
TypeScript，枚举类型和字面量类型的区别
weixin_45819141的博客
01-20 493
总的来说，枚举类型适用于需要一组有序编号的常量值，而字面量类型适用于直接约束变量为特定的字面量值。选择使用枚举类型还是字面量类型取决于你的需求和代码设计。字面量类型在编译后不会生成真正的 JavaScript 对象，它们只是在类型检查阶段用于约束值的类型。枚举类型的成员具有从 0 开始的默认编号，也可以手动指定编号。字面量类型直接约束变量、参数或属性的值必须是特定的字面量值。常量枚举在编译时会被删除，只保留成员的实际值，以提高性能。字面量类型没有默认的编号，它直接使用字面量值本身。
Angular 这个条件将总是返回“false”，因为类型没有重叠
三分自由
04-30 3179
以初见开始，以永生结束 错误信息如下 这里错误提示已经很明确了，这个条件将总是返回“false”，因为类型“”\“div-smile”\”“”和“”“”没有重叠，就是if条件返回内容相同，编译期会报错，导致这样错误的原因是在做复杂项目时，大脑混乱导致！ ...
关于String的比较问题
zhangdui2016的博客
02-05 229
String中的==到底怎么判断
TypeScript学习笔记（二）
aiyang1214878408的博客
06-10 5475
开启ts学习之路，本篇ts的复杂数据类型、字面量类型、返回值类型、剩余参数和this。
LayaBox---TypeScript---枚举
学海无涯
07-29 354
常量枚举只能使用常量枚举表达式，并且不同于常规的枚举，它们在编译阶段会被删除。常量枚举成员在使用的地方会被内联进来。简短地说，不带初始化器的枚举或者被放在第一的位置，或者被放在使用了数字常量或其它常量初始化了的枚举后面。在一个字符串枚举里，每个成员都必须用字符串字面量，或另外一个字符串枚举成员进行初始化。为了避免在额外生成的代码上的开销和额外的非直接的对枚举成员的访问，我们可以使用。由于字符串枚举没有自增长的行为，字符串枚举可以很好的序列化。存在一种特殊的非计算的常量枚举成员的子集字面量枚举成员。...
4、详细版易学版TypeScript - 元组 枚举
EchoLiner的博客
05-10 1400
去魔数化：一旦有个数值改动，不用再全局替换匹配。定义一体化：枚举值和枚举描述写在了一起，不分散。语义化：可以直观通过值推导出含义，例如，通过。使用方便：无需额外的过滤器，就可以通过。我们就可以大概猜出含义。
TypeScript教程
02-22
布尔值用于表示逻辑实体，在 TypeScript 中只有两个可能的值：`true` 和 `false`。 ```typescript let isDone: boolean = false; ``` ##### 数字（number） TypeScript 中的数字类型支持整数和浮点数。值得注意的...
ts-expect:检查TypeScript类型是否与期望值匹配
05-22
TS期望 检查TypeScript中的值是否符合期望。 安装 npm install ts-expect --save 用法 TS Expect导出了一个完全不执行任何操作的函数，名为expectType 。 取而代之的是，它取决于TypeScript编译器，并且可以对传递给expectType的“值”类型进行测试的泛型可以在类型系统中分配给其泛型。 import { expectType } from "ts-expect" ; expectType < string> ( "test" ) ; expectType < number> ( 123 ) ; expectType < number> ( "test" ) ; // Compiler error! 这是如何运作的？ TypeScript泛型允许您传递实现泛型类型的任何值。 在这种情况下，我们在传递值时明确定义了
Vue使用枚举类型实现HTML下拉框步骤详解
08-28
本文分步骤给大家介绍了Vue使用枚举类型实现HTML下拉框的相关知识，非常不错，具有参考借鉴价值,需要的朋友可以参考下
Typescript学习6 ( 元组 | 枚举 )
m0_74573297的博客
01-11 1040
一、元组 1.元组（Tuple）是固定数量的不同类型的元素的组合 2.元组类型还可以支持自定义名称和变为可选的 3.元组越界 4.应用场景 二、枚举类型 1.数字枚举 2.字符串枚举 3.异构枚举 4.接口枚举 5.const枚举 6.反向映射
JavaScript基础语法之运算符与类型转换
阿博的博客
07-23 863
JavaScript基础语法之运算符与类型转换
【TS】基础知识一
页面仔的博客
09-21 1472
收集整理一些typescript相关的基础知识点
js中某些值在进行判断时，被程序判断为false
Heaven_has_a_way的博客
04-19 775
if(a)结果是false？可能是以下几种情况
Java中关于String的一点小问题！
tianyi_lee的专栏
04-24 1284
在Java中String可以这样声明：String s=null;此时如果执行if(s.equlas("")){.....} 就会出错，所以在对String进行判断时，正确的做法应该是：String s = null;if(!(s==null) && !(s.eqluals(""))...{   System.out.print("s值不为null或者空");}而：
String类
lihao_521的博客
02-04 646
string类是四大引用数据类型之一 API当中说：“Java程序中的所有字符串字面值(如"abc")都作为此类的实例实现。” 就是说：程序内所有的双引号字符串，都是String类的对象。(就算没有new，也照样是。) 字符串的特点： 1.字符串的内容不可改变。【重点】 2.整数因为字符串不可改变，所有字符串是可以共享使用的。 3.字符串效果上相当于是char[]字符串数组，但是底层原理是byte字节数组 创建字符串的常见3+1种方式： 三种构...
This comparison appears to be unintentional because the types ‘string[]‘ and ‘string‘ have no overla
最新发布
hqy1989的博客
09-11 2080
例如，如果您想比较数组中的某个元素与一个字符串，您需要先获取数组中的元素再进行比较。您需要检查您的比较操作，确保比较的双方是兼容的类型或者您进行了适当的类型转换。）进行比较，但这两种类型没有重叠，这种比较可能不是您有意的。这样就可以正确地判断数组中是否存在指定的字符串。这个错误提示表明您正在对一个字符串数组（这个比较会出现错误，因为。是一个字符串数组，而。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值