How to select type of object value in array using TS

Question

I would like to create type from key in my code:

const arr = [{ key: "a", nnumber: 11 }, { key: "b", nnumber: 1 }];

function test<Keys['key'] extends keyof string>(keys: Keys): Keys[] {
    return arr.map((item) => item.key);
}

// should return "a", "b"
const tmp = test(arr);
//   ^?

Can anyone help me to create type for return ["a", "b"].

Thank you

Matthieu Riegler · Accepted Answer · 2022-11-14 17:59:09Z

1

Make your array a constant type with as const then you can retrive the type.

const arr = [{ key: "a", nnumber: 11 }, { key: "b", nnumber: 1 }] as const;


type foo = typeof arr[number]["key"]
  // ^? "a" | "b"

answered Nov 14, 2022 at 17:59

Matthieu Riegler

59.8k27 gold badges158 silver badges208 bronze badges

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

1 Comment

teteyi3241 Over a year ago

It is possible to implement this type into my function? For getting union/array of arr value?

k.tten · Accepted Answer · 2022-11-14 19:17:11Z

0

Your generic parameter should represent the keys:

const arr = [{ key: "a", nnumber: 11 }, { key: "b", nnumber: 1 }] as const;

function test<K extends string>(keys: readonly { key: K }[]): K[] {
    return arr.map((item) => item.key as K);
}

const tmp = test(arr);
//   ^? ("a" | "b")[]

Playground

answered Nov 14, 2022 at 19:17

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to select type of object value in array using TS

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