Pick type in Typescript - Time & Space Complexity

Time Complexity: Pick type

O(n)

Understanding Time Complexity

Let's see how the time it takes to create a new type using Pick changes as the number of keys grows.

We want to know how the work grows when we pick more properties from a type.

Scenario Under Consideration

Analyze the time complexity of this TypeScript type operation.

type Original = {
  a: string;
  b: number;
  c: boolean;
  d: Date;
  e: string[];
};

type Picked = Pick;
    

This code creates a new type by selecting some keys from an existing type.

Identify Repeating Operations

What happens behind the scenes when Pick runs?

• Primary operation: Iterating over the keys to select the chosen ones.
• How many times: Once for each key you pick.

How Execution Grows With Input

As the number of keys to pick grows, the work grows too.

Input Size (number of keys)	Approx. Operations
3	3 checks
10	10 checks
100	100 checks

Pattern observation: The work grows directly with the number of keys you pick.

Final Time Complexity

Time Complexity: O(n)

This means the time to create the picked type grows linearly with the number of keys selected.

Common Mistake

[X] Wrong: "Pick runs instantly no matter how many keys are selected."

[OK] Correct: Even though it's fast, Pick must check each key to include it, so more keys mean more work.

Interview Connect

Understanding how type operations scale helps you reason about code maintainability and performance in larger projects.

Self-Check

What if we used a type that picks keys conditionally instead of explicitly? How would that affect time complexity?

Practice

1. What does the Pick type do in TypeScript?

easy

A. Removes properties from a type.

B. Creates a new type by selecting specific properties from an existing type.

C. Combines two types into one.

D. Makes all properties in a type optional.

Solution

1. Step 1: Understand the purpose of Pick

   The Pick type is used to create a new type by choosing certain properties from an existing type.

2. Step 2: Compare with other options

   Removing properties is done by Omit, combining types by intersection, and making properties optional by Partial.

3. Final Answer:

   Creates a new type by selecting specific properties from an existing type. -> Option B

4. Quick Check:

   Pick selects properties = A [OK]

Hint: Pick selects properties to create smaller types [OK]

Common Mistakes:

• Confusing Pick with Omit
• Thinking Pick makes properties optional
• Mixing Pick with type intersections

2. Which of the following is the correct syntax to create a type PersonName with only name and age properties from Person using Pick?

easy

A. type PersonName = Pick;

B. type PersonName = Pick;

C. type PersonName = Pick;

D. type PersonName = Pick;

Solution

1. Step 1: Recall Pick syntax

   Pick takes two parameters: the original type and a union of property names as string literals.

2. Step 2: Identify correct union syntax

   The union of keys is written as 'name' | 'age' inside quotes and separated by |.

3. Final Answer:

   type PersonName = Pick; -> Option A

4. Quick Check:

   Pick syntax uses union of strings = B [OK]

Hint: Use quotes and | to list keys in Pick [OK]

Common Mistakes:

• Omitting quotes around keys
• Using array syntax instead of union
• Passing keys as object instead of union

3. Given the type interface User { id: number; name: string; email: string; } and type UserPreview = Pick;, what is the type of userPreview in this code?

const userPreview: UserPreview = { id: 1, name: 'Alice' };

medium

A. { name: string; email: string; }

B. { id: number; name: string; email: string; }

C. { id: number; }

D. { id: number; name: string; }

Solution

1. Step 1: Understand Pick selects properties

   UserPreview picks only 'id' and 'name' from User, so it has only those two properties.

2. Step 2: Match the type of userPreview

   The object assigned has 'id' and 'name' only, matching the Pick type exactly.

3. Final Answer:

   { id: number; name: string; } -> Option D

4. Quick Check:

   Pick selects only chosen keys = A [OK]

Hint: Pick type has only selected keys, no extras [OK]

Common Mistakes:

• Assuming all original properties remain
• Confusing Pick with Partial
• Including properties not picked

4. Identify the error in this TypeScript code using Pick:

interface Product { id: number; name: string; price: number; }
type ProductInfo = Pick;

medium

A. The interface Product is missing a 'cost' property.

B. Pick cannot be used with more than one key.

C. 'cost' is not a key of Product, causing a type error.

D. The syntax for Pick is incorrect; keys should be in an array.

Solution

1. Step 1: Check keys used in Pick

   Pick requires keys to exist in the original type. 'cost' is not a key in Product.

2. Step 2: Understand TypeScript error

   Using a non-existent key causes a type error because Pick cannot select keys that don't exist.

3. Final Answer:

   'cost' is not a key of Product, causing a type error. -> Option C

4. Quick Check:

   Pick keys must exist in type = C [OK]

Hint: Pick keys must match existing properties exactly [OK]

Common Mistakes:

• Using keys not in the original type
• Thinking Pick keys can be arrays
• Assuming Pick works with any string keys

5. You have a type interface Employee { id: number; name: string; department: string; salary: number; }. You want to create a type EmployeeSummary that includes only id, name, and a new property departmentCode which is a string. How can you do this using Pick and adding the new property?

hard

A. type EmployeeSummary = Pick & { departmentCode: string };

B. type EmployeeSummary = Pick;

C. type EmployeeSummary = Omit & { departmentCode: string };

D. type EmployeeSummary = Partial<Employee> & { departmentCode: string };

Solution

1. Step 1: Use Pick to select existing keys

   Pick 'id' and 'name' from Employee to get those properties only.

2. Step 2: Add new property with intersection

   Use & to add a new property 'departmentCode' with type string to the picked type.

3. Final Answer:

   type EmployeeSummary = Pick & { departmentCode: string }; -> Option A

4. Quick Check:

   Pick keys + add new property with & = D [OK]

Hint: Combine Pick with & to add new properties [OK]

Common Mistakes:

• Trying to Pick a non-existent property
• Using Omit instead of Pick incorrectly
• Using Partial which makes all properties optional