TypeScript keyof and typeof Operators Guide

The keyof and typeof operators enable powerful type manipulation by extracting types from values and keys. Here's how to use them.

Basic keyof#

Basic typeof#

Combining keyof and typeof#

Object Property Access Types#

Enum-like Objects#

Generic Constraints#

Mapped Types with keyof#

Type Guards with keyof#

Function Parameter Types#

Conditional Types with keyof#

Index Signatures#

Class Types#

Template Literal Types#

Real-World Examples#

Best Practices#

Conclusion#

The keyof and typeof operators are fundamental for TypeScript type manipulation. Use keyof to extract union types of object keys, typeof to derive types from values, and combine them for powerful patterns like enum-like objects and type-safe property access. These operators enable writing generic, reusable code while maintaining full type safety.