Explorer la puissance des types mappés dans TypeScript
TypeScript est un langage à typage statique qui s'appuie sur JavaScript, offrant des fonctionnalités supplémentaires et une vérification de type améliorée. L'une des fonctionnalités les plus récentes et les plus puissantes de TypeScript est les types mappés. Dans cet article, nous allons plonger dans ce que sont les types mappés et comment vous pouvez les utiliser dans votre code TypeScript.
Que sont les types mappés dans TypeScript ?
Les types mappés sont un moyen de créer de nouveaux types basés sur ceux existants dans TypeScript. Ils vous permettent d'apporter des modifications aux types existants, par exemple en mettant toutes les propriétés en lecture seule ou en créant un nouveau type qui n'inclut qu'un sous-ensemble de propriétés du type d'origine. Les types mappés sont créés à l'aide d'une syntaxe spécifique qui mappe chaque propriété du type d'origine à un nouveau type.
Syntaxe:
La syntaxe de création d'un type mappé est simple. Vous commencez par définir un type avec un paramètre de type générique, puis utilisez l' keyofopérateur pour accéder aux propriétés du type. Voici un exemple de création d'une version en lecture seule d'un type existant :
type Readonly<T> = { readonly [P in keyof T]: T[P] };
Exemple:
Voyons comment nous pouvons utiliser le Readonlytype pour rendre un type existant en lecture seule :
type Person = { name: string, age: number };
type ReadonlyPerson = Readonly<Person>;
let person: ReadonlyPerson = { name: "John Doe", age: 30 };
person.name = "Jane Doe"; // Error: Cannot assign to 'name' because it is a read-only property
Conclusion:
Les types mappés sont une fonctionnalité puissante de TypeScript qui peut vous aider à écrire du code plus facile à maintenir, moins sujet aux erreurs et plus évolutif. Ils peuvent être utilisés de différentes manières et peuvent grandement améliorer votre code TypeScript. Que vous écriviez du code pour un petit projet ou une grande application d'entreprise, les types mappés peuvent vous aider à écrire un meilleur code TypeScript.
![Qu'est-ce qu'une liste liée, de toute façon? [Partie 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)



































