Omit type in Typescript - Step-by-Step Execution

Concept Flow - Omit type

Start with full type

↓

Choose keys to omit

↓

Remove chosen keys from type

↓

Resulting type without omitted keys

Omit type creates a new type by removing specified keys from an existing type.

Execution Sample

Typescript

type Person = { name: string; age: number; city: string };
type PersonWithoutAge = Omit<Person, 'age'>;

const p: PersonWithoutAge = { name: 'Alice', city: 'Paris' };

This code creates a new type by omitting 'age' from Person, then uses it to declare an object.

Execution Table

Step	Action	Type Before	Keys Omitted	Type After
1	Define Person type	N/A	N/A	{ name: string; age: number; city: string }
2	Apply Omit<Person, 'age'>	{ name: string; age: number; city: string }	'age'	{ name: string; city: string }
3	Declare variable p	{ name: string; city: string }	N/A	p = { name: 'Alice', city: 'Paris' }
4	Try to add omitted key 'age' to p	p type excludes 'age'	'age'	Error: Property 'age' does not exist on type 'PersonWithoutAge'

💡 Omit removes specified keys, so 'age' is not allowed in PersonWithoutAge.

Variable Tracker

Variable	Start	After Omit	Final
p	undefined	{ name: string; city: string }	{ name: 'Alice', city: 'Paris' }

Key Moments - 2 Insights

Why can't I add the 'age' property to the variable p after using Omit?

Because Omit removes the 'age' key from the type, the variable p's type no longer includes 'age' as shown in execution_table step 4.

Does Omit change the original type Person?

No, Omit creates a new type without the specified keys but leaves the original type Person unchanged, as seen in execution_table step 2.

Visual Quiz - 3 Questions

Look at the execution_table at step 2, what keys remain in the type after omitting 'age'?

A 'name' only

B 'name' and 'city'

C 'age' only

D All keys remain

💡 Hint

Check the 'Type After' column in step 2 of the execution_table.

At which step does the variable p get assigned its final value?

A Step 3

B Step 2

C Step 1

D Step 4

💡 Hint

Look for the step where p is declared and assigned in the execution_table.

If you try to add 'age' back to p, what happens according to the execution_table?

A It works fine

B The 'age' property is ignored

C TypeScript throws an error

D The type Person changes

💡 Hint

See step 4 in the execution_table for what happens when adding omitted keys.

Concept Snapshot

Omit<Type, Keys> creates a new type by removing Keys from Type.
Syntax: type NewType = Omit<OldType, 'key1' | 'key2'>;
Use it to exclude properties you don't want.
Original type stays unchanged.
Trying to use omitted keys causes errors.

Full Transcript

The Omit type in TypeScript helps create a new type by removing certain keys from an existing type. For example, starting with a Person type that has name, age, and city, using Omit<Person, 'age'> creates a new type without the age property. When declaring a variable of this new type, you can only use the remaining keys. Trying to add the omitted key causes a TypeScript error. This process does not change the original type. The execution table shows each step: defining the original type, applying Omit, declaring a variable with the new type, and the error when adding omitted keys. The variable tracker shows how the variable p changes from undefined to the final object without age. Common confusions include why omitted keys can't be added and whether the original type changes. The visual quiz tests understanding of which keys remain, when the variable is assigned, and what happens if omitted keys are added.