【类型挑战】Concat,难度⭐️
2023-02-18 16:41:25 时间
Dear,大家好,我是“前端小鑫同学”,?长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~
知识运用:
- 泛型约束输入类型;
- 数组解构参照ES6文档。 题目分析: 题目地址:533-easy-concat
本次案例相对简单,通过实现一个通用的类型工具支持将两个数组中包含的类型合并到一个数组集合中。功能类似于我们在JavaScript中的Array.concat函数。 题目解答: 测试用例:
- 依次将两个数组中的元素提取并按顺序进行整合。
- 当两个数组传入均为空的时候,我们得到的结果也将是一个空数组。
/* _____________ 测试用例 _____________ */
import { Equal, Expect } from '@type-challenges/utils'
type cases = [
Expect<Equal<Concat<[], []>, []>>,
Expect<Equal<Concat<[], [1]>, [1]>>,
Expect<Equal<Concat<[1, 2], [3, 4]>, [1, 2, 3, 4]>>,
Expect<Equal<Concat<['1', 2, '3'], [false, boolean, '4']>, ['1', 2, '3', false, boolean, '4']>>,
]
复制代码
答案及解析:
- 依据题目要求和测试用例得到我们设计的类型工具满足支持两个数组参数的传入,但数组的类型不做要求,这个我们还是用泛型来约束传入类型。分别约束类型T和U。
- 如何将两个数组展平后合并到一个数组里面呢?这里需要使用到的知识点依旧是数组解构,使用解构将直接展平我们的一维数组,分别将两个展平的数组放到索引0和1的位置,最后得到的结果将满足所提供的4条测试用例。
/* _____________ 你的代码 _____________ */
type Concat<T extends any[], U extends any[]> = [...T, ...U];
复制代码
接下来的一题是:【类型挑战】Includes,难度⭐️
相关文章
- 世界杯专题看板丨今晚8点开战,数据先睹为快!
- Crack App | 某合伙人登录参数 apisign 逻辑分析
- Crack App | 某都市魔幻 FM 请求参数 sign 的加密分析
- Crack App | 某赢+ 二手车 App 登录参数加密逻辑分析
- RocketMQ: 技术架构与启动流程
- 目前社区关于ServiceMesh的主要方向
- k8s的架构是怎么变成现在这个样子
- Envoy的lib库拓扑关系
- 转发“Istio共享代理新模式Ambient Mesh”
- 如何设计属于你自己的秒杀系统?
- 如何把Java代码玩出花?JVM Sandbox入门教程与原理浅谈
- 删错了文件怎么办,文件快速恢复
- ChatGPT 浏览器插件实现思路解析
- 存储系统中的算法:LSM 树设计原理
- 说透游戏中常用的两种随机算法
- 我用消息队列做了一款联机小游戏
- 用算法打败算法
- CRUD 一年多,我的破局思路
- 如何学习开源项目,我又总结了套路
- Union Find 并查集算法原理及应用