The in operator narrowing in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the in operator do in TypeScript type narrowing?

It checks if a property exists in an object and narrows the type based on that check.

beginner

How does TypeScript narrow types using if ('property' in object)?

Inside the if block, TypeScript knows the object has that property, so it narrows the type to those that include that property.

intermediate

Given type A = {x: number} and type B = {y: string}, what does if ('x' in obj) narrow obj to?

It narrows obj to type A because only A has the property x.

intermediate

Can the in operator be used to narrow union types with overlapping properties?

Yes, but if both types have the property, in won't narrow the type because the property exists in both.

beginner

Why is in operator narrowing useful in TypeScript?

It helps safely access properties by confirming they exist, preventing runtime errors and improving code safety.

What does if ('prop' in obj) check in TypeScript?

A If <code>prop</code> is a function

B If <code>obj</code> is a string

C If <code>obj</code> is null

D If <code>obj</code> has the property <code>prop</code>

The in operator checks if the property exists in the object.

If type A = {x: number} and type B = {y: string}, what does if ('x' in obj) narrow obj to?

A Type B

B Both A and B

C Type A

D Neither A nor B

Only type A has the property x, so the check narrows to A.

Can in operator narrow types if both union members share the same property?

A No, because the property exists in both types

B No, never

C Only if the property is optional

D Yes, always

If both types have the property, in cannot distinguish between them.

What happens if you use in operator on a property that does not exist in any union member?

A TypeScript throws an error

B TypeScript narrows to never

C TypeScript narrows to all union members

D TypeScript ignores the check

The check is always false, so TypeScript narrows to never inside the block.

Why is using in operator narrowing safer than just accessing a property directly?

A It prevents runtime errors by ensuring the property exists

B It makes the code run faster

C It changes the property value

D It automatically types the property as string

Checking with in ensures the property exists before access, avoiding errors.

Explain how the in operator helps TypeScript narrow types in a union.

Think about how TypeScript knows which type you have inside an if block.

Describe a situation where in operator narrowing would not work to distinguish types.

Consider when two types share the same property name.