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

【类型挑战】出栈,难度⭐️⭐️

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

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

知识运用:

  1. 条件类型的使用:文档地址
  2. infer关键字也参照条件类型使用的文档
  3. 在泛型中对类型做约束:文档地址
  4. 索引访问类型:文档地址

题目分析:

题目地址:16-medium-pop

image.png
image.png

如上图所示,我们需要设计一个通用类型工具来实现JavaScript中数组的Pop操作,将后入栈的数据剔除并返回剩余内容。

题目解答:

测试用例:
  1. 第一条用例:输入内容为数组【3,2,1】,执行出栈操作后将会把最后入栈的1剔除,剩余【3,2】;
  2. 第二条用例:输入内容为数组【'a','b','c','d'】,执行出栈操作后会把最后入栈的'd'剔除,剩余【'a', 'b', 'c'】;
代码语言:javascript
复制
/* _____________ 测试用例 _____________ */
import type { Equal, Expect } from '@type-challenges/utils'

type cases = [
  Expect<Equal<Pop<[3, 2, 1]>, [3, 2]>>,
  Expect<Equal<Pop<['a', 'b', 'c', 'd' ]>, ['a', 'b', 'c']>>,
]
答案及解析:
  1. 老操作,我们使用泛型约束输入类型为任意类型的数组类型;
  2. 我们同样使用条件类型配置数组解构的方式得到数组中需要被取出来的部分,定义这部分需要使用infer关键字。
代码语言:javascript
复制
type Pop<T extends any[]> = T extends [...infer R, any] ? R : T;

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

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

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

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

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

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