How to declare an array of objects of different types in TypeScript?

Question

I have an array with elements representing the HTML form of types TextInput, DateInput, Checkbox, etc.

How to declare a variable type as an array of elements that can be any of these types?

Something like that

(TextInput | DateInput | Checkbox)[]

Answer 1

You can do:

let myArray: Array<TextInput | DateInput | Checkbox> = [];

And you can also do:

type MyArrayTypes = TextInput | DateInput | Checkbox;
let myArray: MyArrayTypes[] = [];

These two ways to define arrays are equidistant:

let a: number[] = [];
// is just like:
let b: Array<number> = [];

But sometimes the second method works better, as in your case.