[TS面试]TS中的如何使用联合枚举类型的Key?

小李科技

已于 2024-04-07 08:14:47 修改

阅读量299

点赞数 3

分类专栏： S.前端面试文章标签：前端

于 2024-03-29 09:00:47 首次发布

本文链接：https://blog.csdn.net/qq_35812380/article/details/137131857

版权

S.前端面试专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了如何在TypeScript(TS)中使用联合枚举类型Key，包括声明和获取类型为A,B,C,或D的变量typestrUnion。

摘要由CSDN通过智能技术生成

TS中的如何使用联合枚举类型的Key

enum str {
    A, B, C, D
}

// 获取联合类型key
type strUnion = keyof typeof str;// 'A'|'B'|'C'|'D'

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小李科技

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【面试系列】TypeScript高频面试题及详细解答

在路上的专栏

06-27

975

本文汇总了TypeScript的高频面试题，涵盖初级、中级和高级问题，旨在帮助面试者深入理解TypeScript的核心概念和高级用法。初级问题主要涉及基础语法和简单类型，中级问题涉及类型推断、泛型和接口扩展等，高级问题则涵盖高级类型系统、装饰器和性能优化等。详细解答每个问题，并总结了面试中常见的知识点，帮助读者全面准备TypeScript面试。

TS面试题

kiruing的博客

11-02

750

什么是TypeScript TypeScript是JavaScript的加强版，它给JavaScript添加了可选的静态类型和基于类的面向对象编程，它拓展了JavaScript的语法。而且TypeScript不存在跟浏览器不兼容的问题，因为在编译时，它产生的都是JavaScript代码。 or Typescript是强类型的Javascript超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。Typescript并不直接在浏览器上运行，需要编译器编译成纯Javascri...

参与评论您还未登录，请先登录后发表或查看评论

TS枚举类型转换为联合类型

最新发布

前端精髓

06-05

460

我有以下枚举(可能是const，也可以不是)，我想导出一个联合类型，类似于我硬编码为MyNewOne的类型。如何处理最新的TS？

ts-key-enum：一个TypeScript字符串枚举，用于在使用event.key时进行编译时安全

02-03

ts-key-enum 一个TypeScript字符串枚举，用于与event.key一起使用时的编译时安全。安装 npm install ts-key-enum --save yarn add ts-key-enum 目的厌倦了用字符串引用键盘键？ onKeyPress = ( ev ) => { // whoops, it's actually ArrowLeft! if ( ev . key === 'LeftArrow' ) { ... } } 我也是。使用此模块，您可以改为执行此操作（在TypeScript文件中）： onKeyP

ts获取枚举类型的值

qq_24099443的博客

08-07

1235

/ 获取枚举的 value。// 获取枚举的 key。// 假设我一个枚举。

ts获取枚举对应类型

Yetian_2000的博客

01-28

1950

ts获取枚举对应的类型

Ts枚举类型

weixin_43676252的博客

01-03

377

例如，在接口的参数中，type字段的值只能为desk ｜car ｜ food，这种有语意的枚举值可以使用。但是如果type字段的值只能为1，2，3这种没有语意的枚举值，就可以使用。

TypeScript(ts)--联合类型

weixin_58784569的博客

11-21

772

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，就。联合类型的变量在被赋值的时候，会根据类型推论的规则推断出一个类型。联合类型:取值可以为多种类型中的一种。的共有属性，所以会报错。

TS中的一些关键词总结

m0_70275087的博客

05-04

1459

TS中的一些内置类型 Partial<T> 将类型的属性变成可选 Required<T>将类型的属性变成必选 Pick 从某个类型中挑出一些属性出来 Record Mutable<T> 将类型的属性变成可修改 Readonly<T> 类型的属性变成只读 ReturnType 用来得到一个函数的返回值类型下面的一些例子都可以在 TypeScript Playground[1] 中进行尝试。左侧是TS，右侧是编译后的JS..

干货|如何在项目中使用TypeScript

xxxzzzqqq_的博客

03-11

1626

我们都知道，JavaScript是一门非常灵活的编程语言，这种灵活性一方面使得它成为最受欢迎的编程语言，另一方面也使得它的代码质量参差不齐，维护成本高，运行时错误多。TypeScript是添加了类型系统的JavaScript适用于任何规模的项目。TypeScript的类型系统在很大程度上弥补了JavaScript的缺点。类型系统按照「类型检查的时机」来分类，可以分为动态类型和静态类型动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误，我们熟悉的JavaScript。

ts文件按m3u8顺序合并软件

02-12

1.将【ts合并_步骤1】放到与*.m3u8同文件夹下，程序会自动找到m3u8文件，并读取内容，按照顺序将*.ts文件合并。 2.点击【开始合并】后才能生成按m3u8顺序的批处理文件【ts合并_步骤2(双击运行).bat】（由于权限问题请手动双击运行）。 3.新文件名为【ts合并_步骤3MP4.mp4】主打功能： 1.市面上基本全是乱序合并的软件，合并后的视频片段非常乱根本没法看，本来是1-2-3-4的顺序，按照文件名合并后就变成2-3-1-4的顺序直接用不了，或者就是需要手动调顺序，累死人，划不来。本软件完全按M3U8调用顺序合并，保证了视频播放的顺序性。 2.本程序小、快、安全、免安装、随用随复制。大大缩短了合并文件的复杂程度。 3.下载小视频可用 UC qq 夸克等手机浏览器。

04-19

weixin_44672169的博客

04-22

21万+

一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;

const枚举 ts_ts-key-enum

weixin_39790528的博客

12-20

750

A TypeScript string enum for compile-time safety when working with event.keyts-key-enumA TypeScript string enum for compile-time safety when working with event.key.Installnpm install ts-key-enum --sav...

TS类型2——【类型声明】

阿牛哥的博客

10-18

1873

TS类型2——【类型声明】

ts约束对象中的key

qq_40655561的博客

01-22

963

ts实现一个方法，这个方法接受两个参数，第一个参数为一个对象，第二个参数为第一个参数中的key，当我们第一个参数输入一个对象是，编辑器可以智能提示我们第二个参数可能的值，如果第二个参数不是第一个参数中的key时，我们需要抛出一个异常，告知函数调用者这样调用是错误的

ts中的key!（非空断言）写法是什么意思

qq_39406460的博客

07-27

823

在 TypeScript 中，编译器有时会检查代码中的类型不匹配，例如将一个 null 值赋值给一个非空类型变量，此时编译器会发出错误提示。使用非空断言可以告诉编译器该变量的值不会是 null，从而避免编译错误。这种写法通常表示一个非空断言（non-null assertion），它用来告诉编译器该变量的值不会为 null。是否为 null，而会将其视为非空字符串。表示断言该值不会是 null，因此编译器不会检查。在 TypeScript 中，，因此编译器不会检查它的类型。，则整个表达式将返回。

ffmpeg合并m3u8 ts key文件解决Invalid data found when processing input错误

爱明爱夏的博客

02-23

13万+

首先我先说明一下我的使用场景和错误原因：我使用IDM从网站中批量下载ts文件，然后下载对应的一个.m3u8文件（ts文件列表和加密信息的描述）和一个key.key文件（秘钥）。以上文件全部保存在同一目录下。然后使用FFmpeg命令来解密并合并ts文件。命令为：ffmpeg -i index.m3u8 -c copy out.ts 由于ffmpeg 可以自动加载解密文件，所以很方便。但...

ts中使用[key]访问对象下的属性值

bajiutao的博客

01-19

1679

ts中使用[key]访问对象下的属性值

ts 通过字符串值获取枚举

05-27

在 TypeScript 中，可以通过字符串值获取枚举值的方法如下： ```typescript enum MyEnum { Foo = "foo", Bar = "bar", Baz = "baz" } function getEnumValue(str: string): MyEnum | undefined { for (const key in MyEnum) { if (MyEnum[key] === str) { return MyEnum[key] as MyEnum; } } return undefined; } const val1 = getEnumValue("foo"); // MyEnum.Foo const val2 = getEnumValue("unknown"); // undefined ``` 在这个例子中，我们定义了一个名为 `MyEnum` 的枚举类型，它有三个值：`Foo`、`Bar` 和 `Baz`。然后，我们定义了一个函数 `getEnumValue`，它接受一个字符串参数 `str`，并在枚举类型中查找匹配的值。如果找到了匹配的值，则返回该值；否则返回 `undefined`。最后，我们使用 `getEnumValue` 函数获取了两个枚举值，分别是 `MyEnum.Foo` 和 `undefined`。