Why object types are needed in Typescript - Challenge Your Understanding

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this TypeScript code?

Consider this TypeScript code that uses an object type to define a person's details. What will be printed to the console?

Typescript

type Person = { name: string; age: number };

const person: Person = { name: "Alice", age: 30 };
console.log(`Name: ${person.name}, Age: ${person.age}`);

A Name: Alice, Age: 30

B Name: undefined, Age: undefined

C Name: , Age: 30

D Name: Alice, Age: undefined

💡 Hint

Look at how the object person is created and how its properties are accessed.

The object person has properties name and age correctly assigned. Accessing these properties prints their values.

🧠 Conceptual

intermediate

Why do we use object types in TypeScript?

Which of the following best explains why object types are needed in TypeScript?

A To make JavaScript run faster by converting objects to numbers.

B To allow objects to be used as keys in arrays.

C To define the shape and structure of objects so the compiler can check for correct property usage.

D To prevent objects from being changed after creation.

💡 Hint

Think about what TypeScript adds on top of JavaScript regarding objects.

Object types let TypeScript know what properties an object should have and their types, helping catch mistakes early.

🔧 Debug

advanced

What error does this TypeScript code produce?

Look at this code snippet. What error will TypeScript show?

Typescript

type Car = { make: string; year: number };

const myCar: Car = { make: "Toyota" };
console.log(myCar.year);

A Property 'year' is missing in type '{ make: string; }' but required in type 'Car'.

B No error, code runs fine.

C Type 'Car' is not assignable to type 'string'.

D Cannot assign type 'string' to type 'number'.

💡 Hint

Check if all required properties are present when creating myCar.

The object assigned to myCar is missing the required year property, so TypeScript reports an error.

📝 Syntax

advanced

Which option correctly defines an object type with optional properties?

In TypeScript, how do you define an object type where the property middleName is optional?

A type Person = { firstName: string; middleName: string?; lastName: string };

B type Person = { firstName: string; middleName: optional string; lastName: string };

C type Person = { firstName: string; middleName: string | undefined; lastName: string };

D type Person = { firstName: string; middleName?: string; lastName: string };

💡 Hint

Look for the correct syntax to mark a property as optional in TypeScript.

The question mark ? after the property name marks it as optional in TypeScript object types.

🚀 Application

expert

How many properties does this object have at runtime?

Given this TypeScript code, how many properties does the user object have when the program runs?

Typescript

type User = { id: number; name: string; email?: string };

const user: User = { id: 1, name: "Bob" };

if (user.email) {
  console.log(user.email);
}

A 3 properties

B 2 properties

C 1 property

D 0 properties

💡 Hint

Optional properties may or may not exist on the object at runtime depending on assignment.

The user object has only id and name properties assigned. The optional email is not present, so total is 2.