【类型挑战】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];
复制代码


去演练场验证答案



相关文章
|
SQL API 数据库
MyBatisPlus-多记录操作及逻辑删除
MyBatisPlus-多记录操作及逻辑删除
571 0
|
消息中间件 存储 架构师
一文揭秘DDD到底解决了什么问题(1)
一文揭秘DDD到底解决了什么问题
298 0
|
存储 Python
python字典(定义、查找、增加、删除、修改)
python字典(定义、查找、增加、删除、修改)
|
SQL 数据库
数据库sql语句分组
在SQL中,`GROUP BY`语句用于将多行数据根据一个或多个列进行分组,以便可以对每个分组执行聚合函数,如计数、求和、求平均等。以下是一些基本的SQL分组示例。 1. **基本分组**
|
存储 SQL 移动开发
JDK8 新特性, stream流用起来有多爽 (结合案例详解--通透--讲清)
这是一期关于JDK8 新特性 Stream API 进阶使用的文章, 来帮助咱们经常写crud的朋友来简化开发, 可能你刚开始用的时候很抵触, 但是你用熟练了会觉得它真的爽.希望大家多多支持
285 0
|
编译器
嵌入式代码的规范性之注释
嵌入式代码的规范性之注释
我用10张图总结出这份并发编程最佳学习路线!!
大家好,我是冰河~~ 最近有百度的小伙伴问我:冰河,并发编程要学哪些内容呀?我看你公众号的【精通高并发系列】更新了很多高并发编程的技术文章,你是怎么学习的呢?后面你还会更新吗?啥时候更新完呀?
257 0
我用10张图总结出这份并发编程最佳学习路线!!
|
存储 固态存储 芯片
阿里云服务器AMD二代计算型c7a/通用型g7a/内存型r7a详解
今年阿里云又发布了第二代AMD云服务器。包含计算型c7a/通用型g7a/内存型r7a等实例云服务器,那么阿里云服务器AMD二代有什么优势和特性,主要适用与哪些场景呢?
阿里云服务器AMD二代计算型c7a/通用型g7a/内存型r7a详解
|
JavaScript 开发者 缓存
快速学习Computed-计算机的使用和3个特点 | 学习笔记
快速学习 Computed-计算机的使用和3个特点
156 0

热门文章

最新文章