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

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

知识运用:


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


题目分析:


题目地址:108-medium-trim

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

例如

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


题目解答:


测试用例:

  1. 通过我们设计的类型工具将输入的类型处理为预期的类型。
  2. 分别需要处理空白字符、换行符、制表符三种。
/* _____________ 测试用例 _____________ */
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. 可以先处理右侧再处理左侧,不做限制。
/* _____________ 答案 _____________ */
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>>;


相关文章
|
算法 JavaScript
W3Cschool编程实战JS脚本算法挑战:设置首字母大写算法挑战
返回一个字符串,确保字符串的每个单词首字母都大写,其余部分小写。
89 0
|
测试技术 索引
【类型挑战】最后一个元素,难度⭐️⭐️
【类型挑战】最后一个元素,难度⭐️⭐️
121 0
【类型挑战】最后一个元素,难度⭐️⭐️
|
测试技术 索引
【类型挑战】实现 Omit,难度⭐️⭐️
【类型挑战】实现 Omit,难度⭐️⭐️
254 0
【类型挑战】实现 Omit,难度⭐️⭐️
|
测试技术
【类型挑战】Readonly 2,难度⭐️⭐️
【类型挑战】Readonly 2,难度⭐️⭐️
153 0
【类型挑战】Readonly 2,难度⭐️⭐️
|
测试技术
【类型挑战】深度 Readonly,难度⭐️⭐️
【类型挑战】深度 Readonly,难度⭐️⭐️
318 0
【类型挑战】深度 Readonly,难度⭐️⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
146 0
【类型挑战】Concat,难度⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】出栈,难度⭐️⭐️
【类型挑战】出栈,难度⭐️⭐️
149 0
【类型挑战】出栈,难度⭐️⭐️
|
测试技术
【类型挑战】获取函数返回类型,难度⭐️⭐️
【类型挑战】获取函数返回类型,难度⭐️⭐️
149 0
【类型挑战】获取函数返回类型,难度⭐️⭐️
|
测试技术 API
【类型挑战】元组转联合,难度⭐️⭐️
【类型挑战】元组转联合,难度⭐️⭐️
180 0
【类型挑战】元组转联合,难度⭐️⭐️