You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将TypeScript带标签元组类型转换为对象类型?

TypeScript带标签元组转对象类型的实现方法

TypeScript的带标签元组(如[interestID: string, tags: string[]])中的标签仅为语法提示,类型系统不会保留这些标签的名称信息,因此无法直接通过类型工具自动提取标签作为对象的键。不过可以通过以下两种方式实现需求的转换:

方法一:使用键值对元组(通用推荐)

将元组定义为[键名, 类型]的键值对形式,再通过映射类型工具自动转换为对象,这种方式不受元素类型限制(string、string[]等都能处理):

// 键值对形式的元组类型
type A = [["interestID", string], ["tags", string[]], ["text", string], ["creatorID", string], ["createdAt", number]];

// 通用转换类型工具
type TupleToObject<T extends readonly [PropertyKey, any][]> = {
  [K in T[number][0]]: Extract<T[number], [K, any]>[1]
};

// 转换后的对象类型
type B = TupleToObject<A>;
// 最终B的类型:{ interestID: string; tags: string[]; text: string; creatorID: string; createdAt: number }

方法二:固定长度带标签元组手动映射

如果必须保留带标签元组的写法,可以手动将元组的索引映射为对应的键名:

type A = [interestID: string, tags: string[], text: string, creatorID: string, createdAt: number];

// 手动映射元组索引到对象键
type B = {
  interestID: A[0];
  tags: A[1];
  text: A[2];
  creatorID: A[3];
  createdAt: A[4];
};

需要注意的是,目前TypeScript类型系统不支持自动提取任意长度带标签元组的标签名称,因此通用场景下更推荐使用键值对元组的方式。

内容的提问来源于stack exchange,提问作者Keisuke Nagakawa 永川 圭介

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 04:01:13