0Pricing
TypeScript Academy · Leçon

Types d’intersection et d’union

Comprenez comment combiner plusieurs types en un seul avec les intersections et créer des options de types flexibles avec les unions.

Types d’intersection et d’union est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 3. 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 3 leçons au total.

Introduction aux types union et intersection

Introduction aux types union et intersection

Les types union et intersection de TypeScript vous permettent de combiner des types ou d’en créer de flexibles, offrant ainsi une méthode puissante pour définir des structures de données complexes.

Types d’intersection et d’union — illustration 1

Que sont les types union ?

Que sont les types union ?

Les types union permettent à une valeur d’être de l’un de plusieurs types. Vous pouvez définir un type union à l’aide de l’opérateur |.

Exemple de types union

Exemple de types union

Voici un exemple d’utilisation d’un type union :

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

Que sont les types intersection ?

Que sont les types intersection ?

Les types intersection combinent plusieurs types en un seul, de sorte que le type combiné doit posséder toutes les propriétés des types intersectés.

Exemple de types intersection

Exemple de types intersection

Voici un exemple d’utilisation d’un type intersection :

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

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Différences entre les types union et intersection

Différences entre les types union et intersection

Les types union permettent aux valeurs d’être de plusieurs types possibles, tandis que les types intersection combinent plusieurs types en un seul, en exigeant que toutes les propriétés soient présentes.

Cas d’utilisation pratiques

Cas d’utilisation pratiques

Les types union sont très utiles pour gérer plusieurs types d’entrées, tandis que les types intersection sont idéaux pour combiner plusieurs rôles ou fonctionnalités en un seul type.

Exercice pratique

Exercice pratique

Créez un type qui combine un type Product avec un type Discount à l’aide de types intersection. Utilisez-le pour déclarer une variable.

Récapitulatif des types union et intersection

Félicitations !

Vous avez appris à utiliser les types union et intersection pour définir des types flexibles et combinés en TypeScript. Entraînez-vous à appliquer ces notions pour rendre votre code plus robuste et plus sûr du point de vue des types !

Types d’intersection et d’union — illustration 10

Questions Fréquemment Posées

La leçon « Types d’intersection et d’union » est-elle gratuite ?

Oui — le texte complet de « Types d’intersection et d’union » 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 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Types d’intersection et d’union » ?

Comprenez comment combiner plusieurs types en un seul avec les intersections et créer des options de types flexibles avec les unions. 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 3.

Combien de temps prend la leçon « Types d’intersection et d’union » ?

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 keyof et d’accès
  2. Types mappés
  3. Types d’intersection et d’union
← Retour à TypeScript Academy