Have you heard about Hack Frontend Community?Join us on Telegram!
Practice TS Problems

Union Types in TypeScript: Combining Multiple Types

What is Union in TypeScript?

Union in TypeScript allows creating types that can be one of several types. This means a variable or function parameter can have multiple possible data types. Union helps make code more flexible by providing the ability to work with multiple data types simultaneously.

Union Syntax

Union types are created using the | (or) operator. It allows specifying multiple types to choose from.

Example:

let value: string | number;

value = "Hello";  // Valid
value = 42;       // Valid
value = true;     // Error, as type is neither string nor number

In this example, the value variable can be either a string or a number. If you assign a value of another type, TypeScript will throw an error.

Recommendation:

Use Union types to create flexible and safe data types when a variable or function can work with multiple types.

Practice TS Problems

By continuing to use the platform, you accept the terms of the Privacy Policy and the use of cookies.