Introduction à keyof et aux types de recherche

Les types keyof et les types de recherche dans TypeScript vous permettent de travailler dynamiquement avec les clés et les propriétés des types existants.

Ils rendent votre code plus flexible et réutilisable en vous permettant de référencer et d’extraire des types à partir d’objets.

Qu’est-ce que keyof ?

L’opérateur keyof crée un type composé de toutes les clés d’un type d’objet.

Exemple :

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Que sont les types de recherche ?

Les types de recherche utilisent des crochets [] pour récupérer le type d’une propriété donnée d’un objet.

Exemple :

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Combiner keyof et les types de recherche

Vous pouvez utiliser keyof et les types de recherche ensemble pour créer des contraintes de type dynamiques et réutilisables.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Cas d’utilisation de keyof et des types de recherche

Les cas d’utilisation courants comprennent :

• La création d’API dynamiques.
• L’accès aux propriétés des objets tout en garantissant la sécurité des types.
• L’amélioration de la flexibilité du code grâce aux contraintes de type.

Exemple pratique

Voici un exemple pratique dans lequel nous combinons keyof et les types de recherche :

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Avantages de l’utilisation de keyof et des types de recherche

Ces fonctionnalités offrent :

• Un accès dynamique aux propriétés avec la sécurité des types.
• Un code réutilisable et évolutif.
• Une meilleure prévention des erreurs à la compilation.

Exercice pratique

Créez une fonction utilisant keyof et les types de recherche pour accéder dynamiquement aux propriétés d’un objet utilisateur. Essayez !

Félicitations !

Vous avez appris à utiliser keyof et les types de recherche pour rendre votre code dynamique et sûr du point de vue des types. Continuez à vous exercer afin de maîtriser ces fonctionnalités avancées de TypeScript !