Type assertions in Typescript - Mini Project: Build & Apply

Understanding Type Assertions in TypeScript

📖 Scenario: Imagine you are working on a web app that receives user data as a general type. You want to tell TypeScript exactly what type this data is so you can use it safely.

🎯 Goal: You will learn how to use type assertions in TypeScript to tell the compiler the exact type of a variable. This helps you work with data more confidently.

📋 What You'll Learn

Create a variable with a general type

Add a type assertion to specify the exact type

Access a property of the asserted type

Print the property value

💡 Why This Matters

🌍 Real World

Type assertions help when working with data from unknown sources like APIs or user input, allowing you to tell TypeScript what type to expect.

💼 Career

Many jobs require working with TypeScript and handling data safely. Knowing type assertions helps prevent errors and improves code quality.

1

Create a variable with type any

Create a variable called userData with type any and assign it the object { name: 'Alice', age: 30 }.

Typescript

# Create a variable called userData with type any and assign the object { name: 'Alice', age: 30 }
# Your code here

Need a hint?

Use let userData: any = { name: 'Alice', age: 30 };

2

Add a type assertion to userData

Create a variable called user and assign it userData with a type assertion to { name: string; age: number } using the as syntax.

Typescript

let userData: any = { name: 'Alice', age: 30 };
# Create a variable user with type assertion from userData
# Your code here

Need a hint?

Use let user = userData as { name: string; age: number };

3

Access a property of the asserted type

Use a const variable called userName to store the name property from user.

Typescript

let userData: any = { name: 'Alice', age: 30 };
let user = userData as { name: string; age: number };
# Create a const userName and assign user.name
# Your code here

Need a hint?

Use const userName = user.name; to get the name property.

4

Print the userName

Write a console.log statement to print the value of userName.

Typescript

let userData: any = { name: 'Alice', age: 30 };
let user = userData as { name: string; age: number };
const userName = user.name;
# Print userName using console.log
# Your code here

Need a hint?

Use console.log(userName); to show the name.