typescript 如何反推数组的类型

最新推荐文章于 2024-06-20 23:44:15 发布
最新推荐文章于 2024-06-20 23:44:15 发布
阅读量801 收藏
点赞数 1
分类专栏： typescript 新手入门 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdutRex/article/details/124656077
版权

使用infer

type ArrayType<T extends any[]> = T extends Array<infer R> ? R : never;

使用

interface A {
	data:number
}

type B = A[];

ArrayType<B> // 等同于 返回 A
Shopee_Rex
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在 Typescript 中使用“提取”实用程序类型的最佳方法
我的博客，不一样的自我表达
06-05 190
在这种情况下，结果OnlyIdKey类型将是包含or 的union字符串文字中的一个。生成的UserKey类型将是来自以字符串“user”开头的字符串的字符串文字的并集。第一个参数是完整的联合体，第二个参数是我们想要得到的联合体的成员。在上面的示例中，我们从联合中删除了所有与数字类型不匹配的文字allTypes。因此，我们只能得到数字。即使我们将值传递给Extract联合中不存在的值，Typescript 也会返回联合中存在的值。在这种情况下，我们要从具有搜索属性的 Routes 联合类型中提取类型。
TSArray:使用TypeScript的数组
05-14
当我们定义数组类型时，可以指定数组元素的类型，从而在编译阶段捕获类型错误。例如，尝试将一个字符串添加到数字数组会导致编译错误： ```typescript numbers.push('four'); // 错误：不能将类型'string'分配给...
vue3 ts 中快速获取 组件引用的返回类型 element ref 的返回类型
weixin_45345105的博客
06-27 1789
type TNumaImage = Exclude<ReturnType<Required<typeof NumaImage>['setup']>, void | RenderFunction | Promise<any>>;
TS中获取函数的参数类型、函数的返回值类型、构造函数的参数类型
最新发布
专注前端技术，包括Web端、移动端、小程序、APP
06-20 323
背景：通常在业务中我们需要封装一些公共函数或者引入第三方库的函数、类，在TS语法环境下，如何在调用函数处给定义的变量进行类型定义？是需要全局定义变量类型亦或是各自定义？当然都不需要，我们可以通过ts中给出的关键词来获取相关参数。
TypeScript详解十二：条件类型、内置条件类型
to_the_Future的博客
09-10 2245
该篇文章主要记录TS中条件类型的使用。下次再见。
数组反转原理及实现
error
08-07 902
原理 定义一个新数组，让旧数组的值根据反向的下标添加进新数组。 举例 var arr = [1,2,3,4]; 这个问题考察的点在于如何获得旧数组反向的下标，涉及数组循环下标，首先考虑与arr.length的关系。 目前数组下标 0，1，2，3 需要获取下标 3，2，1，0 arr.length 4 循环条件 for(var i = 0; i < arr.length; i++) { console.log(i) // output: 0,1,2,3 } 根据上述已知条件 可以让arr.l
TypeScript Array(数组)
12-14
TypeScript提供了静态类型检查，因此在声明数组时指定类型是必要的，除非你希望数组的类型为`any`，这将允许任何类型的元素。 如果在声明时没有指定类型，TypeScript会根据数组的第一个元素的类型推断整个数组的...
TypeScript入门-基本数据类型
08-30
4. **数组类型（array）**：定义数组有两种方式，一是使用元素类型的后缀 `[]`，二是使用数组泛型 `Array<元素类型>`。例如： ```typescript let arr1: number[] = [2, 3]; let arr2: Array<number> = [2, 3]; `...
TypeScript类型声明书写详解
10-16
数组类型在TypeScript中可以使用`T[]`或`Array<T>`来表示，但推荐使用前者，因为`Array<T>`在JSX中可能不兼容。例如： ```typescript const numbers: number[] = [1, 2, 3]; ``` 当处理数组的concat方法时，需要注意...
TypeScript 学习笔记之基本类型
09-03
- 使用数组类型 `Array<T>`: `var list: Array<number> = [1, 2, 3];` 在实际应用中，建议选择一种风格保持一致性。 5. **枚举类型 (enum)**: TypeScript 的独特类型，允许开发者定义一组相关的命名常量。例如： ...
Typescript类型脚本课件.pptx
06-19
Typescript类型脚本课件 Typescript是一种静态类型检查的JavaScript超集语言，由Microsoft开发，代码开源于GitHub上。Typescript的主要特点是提供了类型系统和对JS新标准的支持（ES6/7/8）。 Typescript可以帮助...
TypeScript 运行时类型检查补充工具
10-14
主要介绍了TypeScript 运行时类型检查补充工具，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
TypeScript原始数据类型有哪些
05-24
TypeScript原始数据类型有哪些
TypeScript 类型断言思维导图
05-24
TypeScript 类型断言思维导图
typescript-intensivo-01：Typescript Tiparvariáveise数组
02-17
在 "typescript-intensivo-01" 的学习资源中，我们将深入探讨 TypeScript 的类型系统，特别是关于数组类型的使用。 1. **类型注解（Type Annotations）** TypeScript 的核心特性之一是类型注解，它允许我们在声明...
TypeScript条件类型精读与实践
web前端开发
10-08 220
来源 |http://www.fly63.com/在大多数程序中，我们必须根据输入做出决策。TypeScript 也不例外，使用条件类型可以描述输入类型与输出类型之间的关系。本文同步首发...
【TS】TypeScript语法学习
woodwhale的博客
07-07 645
浅学一下typescript
9. TypeScript 类型推断
舜岳的博客
11-08 318
TypeScript 类型推断 1. 赋值推断 // 赋值时推断，类型从右像左流动,会根据赋值推断出变量类型 let str = '123'; // let str: string let age = 1; // let age: number let bool = true; // let bool: boolean 2. 返回值推断 // 自动推断函数返回值类型 function sum(a: string, b: string) { // function sum(a: s
typescript 定义数组类型
08-30
在 TypeScript 中，您可以使用以下方式定义数组类型： 1. 使用方括号表示法 []： ```typescript let numbers: number[] = [1, 2, 3, 4, 5]; let names: string[] = ["Alice", "Bob", "Charlie"]; ``` 2. 使用 Array 泛型表示法： ```typescript let numbers: Array<number> = [1, 2, 3, 4, 5]; let names: Array<string> = ["Alice", "Bob", "Charlie"]; ``` 上述代码中，`numbers` 是一个数字类型的数组，`names` 是一个字符串类型的数组。您可以根据需要自行替换类型。 还可以使用联合类型来定义多种类型的元素的数组。例如： ```typescript let values: (number | string)[] = [1, "two", 3, "four", 5]; ``` 上述代码中，`values` 是一个可以包含数字和字符串类型元素的数组。 希望这能回答您的问题！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值