前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【类型挑战】Unshift,难度⭐️

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

作者头像
前端小鑫同学
发布2022-12-26 10:56:38
3130
发布2022-12-26 10:56:38
举报
文章被收录于专栏:小鑫同学编程历险记

Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~

知识运用:

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

题目分析:

题目地址:3060-easy-unshift

image.png
image.png

这道题的题面应该也不用多数,实现一个类数组unshift的功能,将我们的U传入到T的第一个位置。

题目解答:

测试用例:

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

代码语言:javascript
复制
/* _____________ 测试用例 _____________ */
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的解法来处理这道题,发现可以直接搞定,完美解答;
代码语言:javascript
复制
/* _____________ 你的代码 _____________ */

type Unshift<T extends any[], U> = [U] extends [any[]] ? [...U, ...T] : [U, ...T];
复制代码
  1. 那么还有没有跟简单的解答方式呢?必须要用到条件类型吗?
  2. 我们通过尝试发现条件类型非必须,可以直接通过结构来完美解答这道题,同时还避免了分布式条件类型的默认行为带来的不变。
代码语言:javascript
复制
/* _____________ 你的代码 _____________ */

type Unshift<T extends any[], U> = [U, ...T];
复制代码

接下来的一题是:【类型挑战】Parameters,难度⭐️

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 知识运用:
  • 题目分析:
  • 题目解答:
    • 测试用例:
      • 答案及解析:
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档