How do I represent a two-dimensional array containing multiple types in TypeScript?

Question

I'm studying TypeScript.

I had a question while studying

const arr = [['192.168.0.1', 1234], ['192.168.0.2', 5678], ...];

How do I include different types in a two-dimensional array like the one above?
It would be nice to use 'any', but I don't recommend it in the official documentation.

Answer 1

You can use union types in TypeScript. From the documentation:

A union type describes a value that can be one of several types. We use the vertical bar (|) to separate each type, so number | string | boolean is the type of a value that can be a number, a string, or a boolean.

So, in your case, you can declare the array as:

const arr: Array<(string | number)[]> = [['192.168.0.1', 1234], ['192.168.0.2', 5678], ...];