0Pricing
TypeScript Academy · Leçon

Types utilitaires

Manipulez des types utilitaires comme Partial, Readonly et bien d’autres

Types utilitaires est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 4 leçons au total.

Introduction aux types utilitaires

Types utilitaires

Bienvenue dans la prochaine leçon ! Vous allez découvrir les types utilitaires, des fonctionnalités intégrées de TypeScript qui simplifient et améliorent les transformations de types. Commençons !

Types utilitaires — illustration 1

Que sont les types utilitaires ?

Que sont les types utilitaires ?

Les types utilitaires sont des types prédéfinis fournis par TypeScript pour effectuer des transformations courantes de types, comme rendre des propriétés facultatives ou en lecture seule, ou sélectionner des propriétés précises d’un type.

Exemple :

type User = {
  name: string;
  age: number;
  email: string;
};

type PartialUser = Partial<User>;

let user: PartialUser = { name: "Alice" }; 
// Only 'name' is provided

Partial

Partial

Le type utilitaire Partial rend toutes les propriétés d’un type facultatives. Exemple :

Tâche : Créez un type avec l’utilitaire Partial et utilisez-le pour définir une variable.

type User = {
  name: string;
  age: number;
};

type OptionalUser = Partial<User>;

let user: OptionalUser = { name: "Bob" }; 
// 'age' is optional

Lecture seule

Lecture seule

Le type utilitaire Readonly rend toutes les propriétés d’un type immuables. Exemple :

Tâche : utilisez le type utilitaire Readonly pour créer un objet immuable.

type User = {
  name: string;
  age: number;
};

type ReadonlyUser = Readonly<User>;

let user: ReadonlyUser = { name: "Alice", age: 25 };
// user.age = 30; 
// Error: Cannot assign to 'age' because it is a read-only property

Sélection

Sélection

Le type utilitaire Pick sélectionne des propriétés spécifiques d’un type. Exemple :

Tâche : utilisez le type utilitaire Pick pour créer un type contenant uniquement les propriétés sélectionnées.

type User = {
  name: string;
  age: number;
  email: string;
};

type UserNameAndEmail = Pick<User, "name" | "email">;

let user: UserNameAndEmail = { name: "Alice", email: "alice@example.com" };

Exclusion

Exclusion

Le type utilitaire Omit exclut des propriétés spécifiques d’un type. Exemple :

Tâche : utilisez le type utilitaire Omit pour exclure une propriété d’un type.

type User = {
  name: string;
  age: number;
  email: string;
};

type UserWithoutEmail = Omit<User, "email">;

let user: UserWithoutEmail = { name: "Bob", age: 30 };

Enregistrement

Enregistrement

Le type utilitaire Record crée un type avec un ensemble de clés et un type défini pour les valeurs. Exemple :

Tâche : utilisez le type utilitaire Record pour créer une correspondance entre des clés et des valeurs.

type Role = "admin" | "user" | "guest";

type Permissions = Record<Role, string[]>;

let rolePermissions: Permissions = {
  admin: ["read", "write", "delete"],
  user: ["read", "write"],
  guest: ["read"],
};

Obligatoire

Obligatoire

Le type utilitaire Required rend toutes les propriétés d’un type obligatoires. Exemple :

Tâche : utilisez le type utilitaire Required pour rendre toutes les propriétés obligatoires.

type User = {
  name?: string;
  age?: number;
};

type FullUser = Required<User>;

let user: FullUser = { name: "Alice", age: 30 }; 
// Both 'name' and 'age' are required

Bravo !

Bravo !

Félicitations ! Vous avez découvert les types utilitaires intégrés de TypeScript, notamment Partial, Readonly, Pick, Omit, et bien d’autres. Ces utilitaires rendent le travail avec les types plus rapide et plus simple. Dans la prochaine leçon, nous étudierons les types mappés avancés. Continuons à coder !

Types utilitaires — illustration 10

Questions Fréquemment Posées

La leçon « Types utilitaires » est-elle gratuite ?

Oui — le texte complet de « Types utilitaires » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Types utilitaires » ?

Manipulez des types utilitaires comme Partial, Readonly et bien d’autres Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer TypeScript Academy ?

Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Types utilitaires » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?

Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Types génériques
  2. Alias de types et interfaces
  3. Types utilitaires
  4. Gardes de types
← Retour à TypeScript Academy