【类型挑战】获取元祖长度,难度⭐️

简介: 【类型挑战】获取元祖长度,难度⭐️

知识运用:


  1. 目前还用的少的类型unknown,可以看一下抽象类型的分配性
  2. 还有必不可少的泛型约束
  3. 通过索引形式获取数组类型长度。


题目分析:


题目地址:18-easy-tuple-lengthimage.png如上图所示我们需要设计一个通用的获取数组长度的类型工具,当我们传入一个只读数组后返回它的实际长度。


题目解答:


测试用例:

  1. 测试用例要求tesla的长度符合预期4和spaceX的长度符合预期5;
  2. 当传入数字和字符串时将抛出错误。
/* _____________ 测试用例 _____________ */
// 完整测试用例可见 type-challenges项目,点击题目链接可转到
import { Equal, Expect } from '@type-challenges/utils'
const tesla = ['tesla', 'model 3', 'model X', 'model Y'] as const
const spaceX = ['FALCON 9', 'FALCON HEAVY', 'DRAGON', 'STARSHIP', 'HUMAN SPACEFLIGHT'] as const
type cases = [
  Expect<Equal<Length<typeof tesla>, 4>>,
  Expect<Equal<Length<typeof spaceX>, 5>>,
  // @ts-expect-error
  Length<5>,
  // @ts-expect-error
  Length<'hello world'>,
]
复制代码


答案及解析:

  1. 在Ts类型编程中获取数组长度的方式和获取其中一个元素的方式一样,需要通过特定的“length”来读取,形式为:T["length"];
  2. 为了满足传入类型的限制我们依然使用泛型处理,传入类型限制为仅支持只读形式的任意数组即可。
  3. 可以看到在测试用例中有通过as const转换,根据前面的学习这条数据会被转化成只读的类型数组
/* _____________ 答案代码 _____________ */
type Length<T extends readonly unknown[]> = T["length"];
复制代码


去演练场验证答案



相关文章
|
6月前
|
机器学习/深度学习 算法 C语言
【编码狂想】深度探索C++编程之旅:“数组、字符串、函数与KMP算法解密“
【编码狂想】深度探索C++编程之旅:“数组、字符串、函数与KMP算法解密“
104 0
|
6月前
7-7 念数字 (15 分)(用数组简化判断过程)
7-7 念数字 (15 分)(用数组简化判断过程)
45 0
每日一题,数组字符串的匹配问题
每日一题,数组字符串的匹配问题
|
算法 测试技术
算法强化每日一题--倒置字符串
算法强化每日一题--倒置字符串
|
算法 索引
数组中重复的数字(简单难度)
数组中重复的数字(简单难度)
88 0
数组中重复的数字(简单难度)
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
118 0
【类型挑战】第一个元素,难度⭐️
|
测试技术
【类型挑战】元组转换为对象,难度⭐️
【类型挑战】元组转换为对象,难度⭐️
244 0
【类型挑战】元组转换为对象,难度⭐️
|
测试技术 索引
【类型挑战】最后一个元素,难度⭐️⭐️
【类型挑战】最后一个元素,难度⭐️⭐️
117 0
【类型挑战】最后一个元素,难度⭐️⭐️
|
测试技术 API
【类型挑战】元组转联合,难度⭐️⭐️
【类型挑战】元组转联合,难度⭐️⭐️
175 0
【类型挑战】元组转联合,难度⭐️⭐️
|
测试技术
【类型挑战】获取函数返回类型,难度⭐️⭐️
【类型挑战】获取函数返回类型,难度⭐️⭐️
143 0
【类型挑战】获取函数返回类型,难度⭐️⭐️