【类型挑战】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];
复制代码


去演练场验证答案



相关文章
|
20天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
24 0
|
3月前
|
存储 C++
C++初阶学习第十一弹——探索STL奥秘(六)——深度刨析list的用法和核心点
C++初阶学习第十一弹——探索STL奥秘(六)——深度刨析list的用法和核心点
40 7
|
测试技术
【类型挑战】Push,难度⭐️
【类型挑战】Push,难度⭐️
123 0
【类型挑战】Push,难度⭐️
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
106 0
【类型挑战】第一个元素,难度⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
134 0
【类型挑战】Concat,难度⭐️
|
测试技术 索引
【类型挑战】实现 Pick,难度⭐️
【类型挑战】实现 Pick,难度⭐️
132 0
【类型挑战】实现 Pick,难度⭐️
|
测试技术 索引
【类型挑战】Includes,难度⭐️
【类型挑战】Includes,难度⭐️
148 0
【类型挑战】Includes,难度⭐️
|
测试技术
【类型挑战】If,难度⭐️
【类型挑战】If,难度⭐️
106 0
【类型挑战】If,难度⭐️
|
前端开发 测试技术
【类型挑战】Awaited,难度⭐️
【类型挑战】Awaited,难度⭐️
115 0
【类型挑战】Awaited,难度⭐️
|
测试技术 索引
【类型挑战】获取元祖长度,难度⭐️
【类型挑战】获取元祖长度,难度⭐️
197 0
【类型挑战】获取元祖长度,难度⭐️