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

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

知识运用:


  1. 条件类型的灵活运用;
  2. 分布式条件类型的灵活运用;


题目分析:


题目地址:3057-easy-pushimage.png


题目解答:


测试用例:

/* _____________ 测试用例 _____________ */
import { Equal, Expect, ExpectFalse, NotEqual } from '@type-challenges/utils'
type cases = [
  Expect<Equal<Push<[], 1>, [1]>>,
  Expect<Equal<Push<[1, 2], '3'>, [1, 2, '3']>>,
  Expect<Equal<Push<['1', 2, '3'], boolean>, ['1', 2, '3', boolean]>>,
]
复制代码


答案及解析:

第一次尝试解答:

  1. 我们同样做一下传入类型的约束,通过常用手法泛型类型来做;
  2. 如何将用例中的数组+数组和数组+元素合并?我们可以采用结构后合并到一个数组中;
  3. 那么我们就可以通过条件类型来判断是否为数组来进行不同的解构做拼接得到了下面的答案;
/* _____________ 答案,未能全部通过测试用例 _____________ */
type Push<T extends any[], U> = U extends any[] ? [...T, ...U] : [...T, U];
复制代码


第二次尝试解答:

  1. 第一次尝试的答案未能通过第三条测试用例;
  2. 我们通过typeA1 = Push<['1', 2, '3'], boolean>;发现输出类型编程了联合类型,而非我们需要的Boolean类型,那么我们就想到了分布式条件类型的默认行为;
  3. 如何处理分布式条件默认行为呢?官方文档给出了答案,我们可以使用中括号给extends两侧的类型进行包裹来避免这种默认行为,得到下面可以全部通过的答案;
/* _____________ 答案,可有全部通过测试用例 _____________ */
type Push<T extends any[], U> = [U] extends [any[]] ? [...T, ...U] : [...T, U];
复制代码


第三次尝试解答:

  1. 在这里我们还可以再次使用条件类型来判断U的类型是否为Boolean来直接返回boolean或返回U得到下面的答案;
/* _____________ 答案,可有全部通过测试用例 _____________ */
type Push<T extends any[], U> = U extends any[] ? [...T, ...U] : [...T, U extends boolean ? boolean : U];
复制代码


去演练场验证答案



相关文章
|
5月前
|
存储 数据挖掘 数据处理
神秘方案 G-SCD on DeltaLake,究竟如何巧妙解锁 SCD Type2 场景?快来一探究竟!
【8月更文挑战第26天】Delta Lake是一种开源存储层,为数据湖增添了可靠性、事务处理及版本控制等功能。G-SCD(通用慢变维度)结合Delta Lake为SCD Type2场景提供了强大支持,能够跟踪并保留数据随时间变化的历史版本。例如客户或产品信息的变化。通过Python与PySpark结合Delta Lake,可以在确保数据一致性和完整性的同时实现SCD Type2的高效更新。此方案适用于大规模数据处理和复杂数据分析,提供可靠的数据支持。
64 3
|
测试技术
【类型挑战】Unshift,难度⭐️
【类型挑战】Unshift,难度⭐️
119 0
【类型挑战】Unshift,难度⭐️
|
测试技术 索引
【类型挑战】实现 Pick,难度⭐️
【类型挑战】实现 Pick,难度⭐️
145 0
【类型挑战】实现 Pick,难度⭐️
|
测试技术
【类型挑战】If,难度⭐️
【类型挑战】If,难度⭐️
117 0
【类型挑战】If,难度⭐️
|
前端开发 测试技术
【类型挑战】Awaited,难度⭐️
【类型挑战】Awaited,难度⭐️
135 0
【类型挑战】Awaited,难度⭐️
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
127 0
【类型挑战】第一个元素,难度⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】Concat,难度⭐️
【类型挑战】Concat,难度⭐️
149 0
【类型挑战】Concat,难度⭐️
|
测试技术 索引
【类型挑战】实现 Readonly,难度⭐️
【类型挑战】实现 Readonly,难度⭐️
192 0
【类型挑战】实现 Readonly,难度⭐️
|
测试技术 索引
【类型挑战】Includes,难度⭐️
【类型挑战】Includes,难度⭐️
163 0
【类型挑战】Includes,难度⭐️