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.

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'; // ErrorQue 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 !

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
- Types keyof et d’accès
- Types mappés
- Types d’intersection et d’union