一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第25天,点击查看活动详情

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


知识运用:

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

题目分析:

题目地址:108-medium-trim

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

例如

  1. type trimed = Trim<' Hello World '> // expected to be 'Hello World'

题目解答:

测试用例:

  1. 通过我们设计的类型工具将输入的类型处理为预期的类型。
  2. 分别需要处理空白字符、换行符、制表符三种。 ```typescript / _ 测试用例 _ / import type { Equal, Expect } from ‘@type-challenges/utils’

type cases = [ Expect, ‘str’>>, Expect, ‘str’>>, Expect, ‘str’>>, Expect, ‘str’>>, Expect, ‘str’>>, Expect, ‘foo bar’>>, Expect, ‘’>>, Expect, ‘’>>, ]

  1. <a name="EpXWc"></a>
  2. #### 答案及解析:
  3. 这道题的应用是前两道提的合集,分别递归处理前面的空白字符和递归处理后面的空白字符类型。
  4. 1. 老套路,使用泛型来约束输入类型为String类型。
  5. 1. 使用TrimLeft类型工具来处理输入类型中左侧出现的空白字符、换行符、制表符。
  6. 1. 使用TrimRight类型工具来处理输入类型中右侧出现的空白字符、换行符、制表符。
  7. 1. 可以先处理右侧再处理左侧,不做限制。
  8. ```typescript
  9. /* _____________ 答案 _____________ */
  10. type TrimLeft<S extends string> = S extends `${" " | "\n" | "\t"}${infer Rest}`
  11. ? TrimLeft<Rest>
  12. : S;
  13. type TrimRight<S extends string> = S extends `${infer Rest}${" " | "\n" | "\t"}`
  14. ? TrimRight<Rest>
  15. : S;
  16. type Trim<S extends string> = TrimLeft<TrimRight<S>>;

推荐阅读:

  1. 扒官方文档学Ts类型编程

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


欢迎关注我的公众号“前端小鑫同学”,原创技术文章第一时间推送。