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

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

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

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

知识运用:

  1. 涉及到模板字符类型。
  2. 涉及到infer关键字使用。
  3. 涉及到类型编程中递归使用。

题目分析:

题目地址:108-medium-trim

实现Trim<T>,它是一个字符串类型,并返回一个新字符串,其中两端的空白符都已被删除。

例如

代码语言:javascript
复制
type trimed = Trim<'  Hello World  '> // expected to be 'Hello World'

题目解答:

测试用例:
  1. 通过我们设计的类型工具将输入的类型处理为预期的类型。
  2. 分别需要处理空白字符、换行符、制表符三种。
代码语言:javascript
复制
/* _____________ 测试用例 _____________ */
import type { Equal, Expect } from '@type-challenges/utils'

type cases = [
  Expect<Equal<Trim<'str'>, 'str'>>,
  Expect<Equal<Trim<' str'>, 'str'>>,
  Expect<Equal<Trim<'     str'>, 'str'>>,
  Expect<Equal<Trim<'str   '>, 'str'>>,
  Expect<Equal<Trim<'     str     '>, 'str'>>,
  Expect<Equal<Trim<'   \n\t foo bar \t'>, 'foo bar'>>,
  Expect<Equal<Trim<''>, ''>>,
  Expect<Equal<Trim<' \n\t '>, ''>>,
]
复制代码
答案及解析:

这道题的应用是前两道提的合集,分别递归处理前面的空白字符和递归处理后面的空白字符类型。

  1. 老套路,使用泛型来约束输入类型为String类型。
  2. 使用TrimLeft类型工具来处理输入类型中左侧出现的空白字符、换行符、制表符。
  3. 使用TrimRight类型工具来处理输入类型中右侧出现的空白字符、换行符、制表符。
  4. 可以先处理右侧再处理左侧,不做限制。
代码语言:javascript
复制
/* _____________ 答案 _____________ */

type TrimLeft<S extends string> = S extends `${" " | "\n" | "\t"}${infer Rest}`
  ? TrimLeft<Rest>
  : S;
type TrimRight<S extends string> = S extends `${infer Rest}${" " | "\n" | "\t"}`
  ? TrimRight<Rest>
  : S;
type Trim<S extends string> = TrimLeft<TrimRight<S>>;

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

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

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

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

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

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