[ TS 类型体操 ] 初体验之 Tuple to Object， Tuple to Union 与 Tuple to Nested Object

最新推荐文章于 2025-04-29 10:47:29 发布

原创

最新推荐文章于 2025-04-29 10:47:29 发布 · 630 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#测试用例

本文介绍了如何在 TypeScript 中实现 Tuple to Object、Tuple to Union 以及 Tuple to Nested Object 的转换。通过具体的测试用例和解题步骤，详细阐述了类型推断、in 操作符、PropertyKey、infer 关键字等在类型转换中的应用，帮助读者深入理解 TypeScript 泛型的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tuple to Object

在本题中，我们将实现将一个数组转化为一个对象，这个对象的 key 与 value 必须是相同的，且 key\value 在该数组中

const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const

type result = TupleToObject<typeof tuple> // expected { tesla: 'tesla', 'model 3': 'model 3', 'model X': 'model X', 'model Y': 'model Y'}

测试用例

import type { Equal, Expect } from '@type-challenges/utils'

const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const
const tupleNumber = [1, 2, 3, 4] as const
const tupleMix = [1, '2', 3, '4'] as const

type cases = [Expect<Equal<TupleToObject<typeof tuple>, { tesla: 'tesla'; 'model 3': 'model 3'; 'model X': 'model X'; 'model Y': 'model Y' }>>,Expect<Equal<TupleToObject<typeof tupleNumber>, { 1: 1; 2: 2; 3: 3; 4: 4 }>>,Expect<Equal<TupleToObject<typeof tupleMix>, { 1: 1; '2': '2'; 3: 3; '4': '4' }>>,
]

// @ts-expect-error
type error = TupleToObject<[[1, 2], {}]>

根据题意与测试用例，我们可以提取出以下几点

1.需要传入一个 tuple 类型，且 tuple 中的类型不能是数组与对象
2.需要对传入的 T 进行遍历
3.返回一个对象，对象的 key/value 必须是相同的

相信通过前两篇文章的阅读，我们已经对这些条件相当熟悉了，所以我们就不在先通过 JS 来实现这个题目，直接使用 TS 来进行编写。