TypeScript map with keys having multiple types

Question

How to declare a map in typescript where the key could be a string | number and the value could be for example a number.

I'm trying the following and get an error

let aMap : { [key: string | number]: number } = {}

I get the following error in VS Code

[ts] An index signature parameter type must be 'string' or 'number'.

Note: I do not want to use the keyword "Map" in typescript. As just declaring:

let aMap : { [key: string]: number } = {} works fine, I'm just having issues creating map with multiple key types

That's an object literal not a es6 Map?

Ben
– Ben

2020-04-06 10:43:39 +00:00
Commented Apr 6, 2020 at 10:43 — Ben
– Ben, Commented Apr 6, 2020 at 10:43

Prasad Shinde · Accepted Answer · 2018-03-12 05:42:51Z

3

Ahh, I figured out what was causing it finally. It's weird that I was not able to find this on the web. You can use the following syntax:

const testmap: {
  [key: number]: number;
  [key: string]: number;
} = {};

answered Mar 12, 2018 at 5:42

Prasad Shinde

6602 gold badges8 silver badges21 bronze badges

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

Comments

Yogi · Accepted Answer · 2022-03-22 09:29:12Z

0

From Typescript,

JavaScript object keys are always coerced to a string, so obj[0] is always the same as obj["0"].

Maybe the error is because number can also work with string.

I've found a situation that two custom types properties can be joined and result object contains anyone of the property. For that we can use Union or Intersection Types feature.

interface Colorful {
  color: string;
}
interface Circle {
  radius: number;
}
 
type ColorfulCircle = Colorful | Circle;

In the above code, ColorfulCircle can have both the properties of Colourful and Circle Source: TS - keyof, TS - Intersection, StackOverflow - Union vs Intersection

edited Mar 22, 2022 at 9:29

answered Mar 22, 2022 at 8:58

Yogi

1,76217 silver badges22 bronze badges

Collectives™ on Stack Overflow

TypeScript map with keys having multiple types

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related