Tuple to Object in TypeScript via generics

Question

I'm attempting to transform a Tuple union in TypeScript to an object, without losing any types.

Here is an example of how it would work:

type Tuples = ["foo", string] | ["bar", boolean] | ["baz", null];

/*
ideally the type would be:
{
  foo: string;
  bar: boolean;
  baz: null;
}
*/
type AsObject = DoSomething<Tuples>;

A simple solution to the above would be:

type TupleToObject<T extends [string, any]> = { [key in T[0]]: T[1] };

/*
type is:
{
    foo: string | boolean | null;
    bar: string | boolean | null;
    baz: string | boolean | null;
}
*/
type TypesLost = TupleToObject<Tuples>;

However we lose some type information as all values are pulled together in one union type.

I'm looking for a solution using generics that does not lose this type information, and would appreciate any deeper insight into mapping generic tuples in TypeScript.

Titian Cernicova-Dragomir · Accepted Answer · 2019-07-11 12:21:41Z

16

You can get the desired effect, by using Extract. The basic idea is we will extract from T the appropriate type from the union that corresponds to the common key:

type Tuples = ["foo", string] | ["bar", boolean] | ["baz", null];
type TupleToObject<T extends [string, any]> = { [key in T[0]]: Extract<T, [key, any]>[1] };

/*
type is:
{
    foo: string;
    bar: boolean;
    baz: null;
}
*/
type TypesLost = TupleToObject<Tuples>;

answered Jul 11, 2019 at 12:21

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JacobFischer Over a year ago

Perfect! Thanks for solving my headache. Extract was exactly what I was blanking on.

ChumiestBucket · Accepted Answer · 2023-02-16 16:17:14Z

3

I wanted to find a simplified solution that does not involve using a utility type.

Came up with this:

const tuple = [123, '321', 789, '987'] as const

type TupleToObject<T extends readonly any[]> = { [Key in T[number]]: Key }

answered Feb 16, 2023 at 16:17

ChumiestBucket

1,0658 gold badges30 silver badges52 bronze badges

Collectives™ on Stack Overflow

Tuple to Object in TypeScript via generics

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related