Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Union Types | Advanced TypeScript Features
TypeScript Foundations

bookUnion Types

Union types in TypeScript allow you to specify that a variable, parameter, or return value can be one of several types. You define a union type by separating each allowed type with a vertical bar (|). This gives you the flexibility to accept different types of values while still benefiting from TypeScript's static type checking. For example, if you want a variable to hold either a string or a number, you can declare its type as string | number. This is especially useful when working with APIs, user input, or functions that can handle multiple types of data.

12345678910
function printId(id: string | number) { if (typeof id === "string") { console.log("Your ID is: " + id.toUpperCase()); } else { console.log("Your ID is: " + id); } } printId("abc123"); // Output: Your ID is: ABC123 printId(456789); // Output: Your ID is: 456789
copy

Union types are commonly used in situations where a value might reasonably be more than one type. Typical use cases include functions that accept parameters of several types, handling data from external sources that may vary, or designing APIs that need to be flexible. For instance, you might use a union type for a function that processes both single items and arrays, or when dealing with values that could be null or a specific type. Union types help you write safer, more expressive code without sacrificing flexibility.

question mark

Which of the following is the correct way to declare a variable that can be either a number or a string in TypeScript?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 1

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 5.56

bookUnion Types

Sveip for å vise menyen

Union types in TypeScript allow you to specify that a variable, parameter, or return value can be one of several types. You define a union type by separating each allowed type with a vertical bar (|). This gives you the flexibility to accept different types of values while still benefiting from TypeScript's static type checking. For example, if you want a variable to hold either a string or a number, you can declare its type as string | number. This is especially useful when working with APIs, user input, or functions that can handle multiple types of data.

12345678910
function printId(id: string | number) { if (typeof id === "string") { console.log("Your ID is: " + id.toUpperCase()); } else { console.log("Your ID is: " + id); } } printId("abc123"); // Output: Your ID is: ABC123 printId(456789); // Output: Your ID is: 456789
copy

Union types are commonly used in situations where a value might reasonably be more than one type. Typical use cases include functions that accept parameters of several types, handling data from external sources that may vary, or designing APIs that need to be flexible. For instance, you might use a union type for a function that processes both single items and arrays, or when dealing with values that could be null or a specific type. Union types help you write safer, more expressive code without sacrificing flexibility.

question mark

Which of the following is the correct way to declare a variable that can be either a number or a string in TypeScript?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 1
some-alt