Key remapping with as clause in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does the as clause do in TypeScript's key remapping?

It allows you to rename keys when creating new object types by mapping old keys to new keys.

intermediate

How do you write a mapped type that changes keys from oldKey to newKey?

Use { [K in keyof T as NewKeyType]: T[K] } where NewKeyType is the new key name, often using as to rename.

intermediate

Example: What is the result of this type?<br>

type Rename = { [K in keyof Original as `new_${string & K}`]: Original[K] }

It creates a new type where each key from Original is renamed by prefixing new_ to the original key name.

advanced

Can you use conditional logic inside the as clause for key remapping?

Yes, you can use conditional types to rename keys selectively or exclude keys by mapping them to never.

intermediate

What happens if you map a key to never in the as clause?

That key is removed from the resulting type, effectively filtering out keys.

What is the purpose of the as clause in TypeScript mapped types?

A To add new keys

B To rename keys during mapping

C To change the value types

D To delete the entire type

The as clause lets you rename keys when creating new mapped types.

How do you exclude a key from a mapped type using the as clause?

A Map the key to <code>undefined</code>

B Use <code>as void</code>

C Use <code>as null</code>

D Map the key to <code>never</code>

Mapping a key to never removes it from the resulting type.

Which syntax correctly renames keys in a mapped type?

A { [K in keyof T as NewKey]: T[K] }

B { [K in keyof T]: T[K] as NewKey }

C { [K as NewKey in keyof T]: T[K] }

D { NewKey in keyof T: T[K] }

The as clause is placed after the key variable to rename keys.

What type of keys can you create using template literal types with as clause?

A Keys with dynamic string patterns

B Only numeric keys

C Only boolean keys

D Keys with fixed names only

Template literal types allow dynamic string keys like `prefix_${K}`.

If you want to keep the original key name in a remapping, what should you do?

A Use <code>as string</code>

B Use <code>as never</code>

C Use <code>as K</code>

D Omit the <code>as</code> clause

Using as K keeps the key name unchanged.

Explain how the as clause works in TypeScript key remapping and give an example.

Think about how you can change key names while keeping values.

Describe how to remove keys from a mapped type using the as clause.

Consider what happens when a key maps to never.