【类型挑战】Unshift,难度⭐️

简介: 【类型挑战】Unshift,难度⭐️

知识运用:


  1. 条件类型的灵活运用;
  2. 分布式条件类型的灵活运用;
  3. 解构完美解答此题;


题目分析:


题目地址:3060-easy-unshiftimage.png这道题的题面应该也不用多数,实现一个类数组unshift的功能,将我们的U传入到T的第一个位置。


题目解答:


测试用例:

测试用例和上一道题几乎是一样的,,只是向数组第一个元素的位置插入新的元素,我们这次的解法是不是可以直接复用呢?一起来看一下。

/* _____________ 测试用例 _____________ */
import { Equal, Expect, ExpectFalse, NotEqual } from '@type-challenges/utils'
type cases = [
  Expect<Equal<Unshift<[], 1>, [1]>>,
  Expect<Equal<Unshift<[1, 2], 0>, [0, 1, 2,]>>,
  Expect<Equal<Unshift<['1', 2, '3'],boolean>, [boolean, '1', 2, '3']>>,
]
复制代码


答案及解析:

  1. 我们还是按照惯例来使用泛型约束传入的T必须是一个数组类型;
  2. 接着我们按照上一题push的解法来处理这道题,发现可以直接搞定,完美解答;
/* _____________ 你的代码 _____________ */
type Unshift<T extends any[], U> = [U] extends [any[]] ? [...U, ...T] : [U, ...T];
复制代码
  1. 那么还有没有跟简单的解答方式呢?必须要用到条件类型吗?
  2. 我们通过尝试发现条件类型非必须,可以直接通过结构来完美解答这道题,同时还避免了分布式条件类型的默认行为带来的不变。
/* _____________ 你的代码 _____________ */
type Unshift<T extends any[], U> = [U, ...T];
复制代码


去演练场验证答案



相关文章
|
7月前
|
程序员 API
Compose:警惕Loop(遍历),图文并茂带你深度释疑,解决的不仅是性能问题
Compose:警惕Loop(遍历),图文并茂带你深度释疑,解决的不仅是性能问题
145 0
|
算法 JavaScript
W3Cschool编程实战JS脚本算法挑战:寻找数组中的最大值算法挑战
在右边的大数组中包含了4个小数组,请分别找到每个小数组中的最大值,然后把它们串联起来,形成一个新的数组。
87 0
|
前端开发 Python
幸运哈希hash单双尾数大小竞猜游戏开发源码部署
def is_even_number(number): """判断一个整数是否为偶数""" return number % 2 == 0
|
测试技术
【类型挑战】Push,难度⭐️
【类型挑战】Push,难度⭐️
133 0
【类型挑战】Push,难度⭐️
|
测试技术 索引
【类型挑战】实现 Pick,难度⭐️
【类型挑战】实现 Pick,难度⭐️
143 0
【类型挑战】实现 Pick,难度⭐️
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
124 0
【类型挑战】第一个元素,难度⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
146 0
【类型挑战】Concat,难度⭐️
|
测试技术 索引
【类型挑战】Includes,难度⭐️
【类型挑战】Includes,难度⭐️
163 0
【类型挑战】Includes,难度⭐️
|
测试技术
【类型挑战】If,难度⭐️
【类型挑战】If,难度⭐️
114 0
【类型挑战】If,难度⭐️
|
前端开发 测试技术
【类型挑战】Awaited,难度⭐️
【类型挑战】Awaited,难度⭐️
135 0
【类型挑战】Awaited,难度⭐️