Unión mecanografiada

La unión de TypeScript tiene la capacidad de combinar uno o dos tipos diferentes de datos (es decir, número, string, flotante, doble, etc.). Es la forma más poderosa de expresar una variable con múltiples tipos. Use el símbolo de canalización (‘|’) para combinar dos o más tipos de datos para lograr el tipo Unión.

Sintaxis:

(type1|type2|type3|...|type-n)

Ejemplo:

let value: number | string;  
value = 190;  
console.log("Numeric value of the value: " + value);  
value = "Welcome to TypeScript!";  
console.log("String value of the value: " + value);

Compilar el código anterior para generar el siguiente código JavaScript.

let value: number | string;  
value = 190;  
console.log("Numeric value of the value: "+value);  
value = "Welcome to TypeScript!";  
console.log("String value of the value: "+value); 

Producción:

190
Welcome to TypeScript!

Ejemplo: En este ejemplo, los geeks son de tipo unión, indicados mediante (string | número). Entonces, podemos asignarle una string o un número, nada más está permitido.

let geeks: (string | number);
geeks = 123;   // OK
geeks = "XYZ"; // OK
geeks = true;  // Compiler Error 

Parámetro de función como tipo de unión: podemos pasar la función como parámetro. En este ejemplo, el parámetro geeks es de tipo unión. Puede pasar un valor de string o un valor numérico; de lo contrario, el compilador generará un error.
Ejemplo:

function displayType(geeks: (string | number)) {
    if(typeof(geeks) === "number")
        console.log('geeks is number.')
    else if(typeof(geeks) === "string")
        console.log('geeks is string.')
}
  
// Output: Code is number. 
displayType(49); 
  
// Output: Code is string.
displayType("GFG"); 
  
// Compiler Error: Argument of type 'true' is not 
// assignable to a parameter of type string | number
displayType(true); 

Array como tipo de unión: en el tipo de unión también podemos pasar una array. El programa declara una array. La array puede representar una colección numérica o una colección de strings.
Ejemplo:

//Generated by typescript 1.8.10
var arr = [2, 5, 7, 5, 11, 15];
  
console.log("Display the array elements");
  
// Loop to display array elements
for (var i = 0; i < arr.length; i++) {
   console.log(arr[i]);
}
  
// Declare another array
arr = ["Geeks", "G4G", "GFG", "GeeksforGeeks"];
  
console.log("Display the array elements");
  
// Loop to display the array elements
for (var i = 0; i < arr.length; i++) {
   console.log(arr[i]);
}

Producción:

Display the array elements
2
5
7
5
11
15
Display the array elements
Geeks
G4G
GFG
GeeksforGeeks

Union puede reemplazar enumeraciones: es una lista de tipos constantes creada por Enums . De forma predeterminada, las enumeraciones tienen valores de índice (0, 1, 2, 3, etc.). Las enumeraciones en realidad se transpilan (tomando el código fuente escrito en un idioma y transformándolo en otro idioma que tiene un nivel similar de abstracción) y terminan en el resultado como JavaScript.