Types intrinsèques de manipulation des chaînes
Utiliser Uppercase, Lowercase, Capitalize et Uncapitalize.
Types intrinsèques de manipulation des chaînes est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 4 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.
Transformateurs de chaînes intégrés
TypeScript fournit quatre types intrinsèques de manipulation de chaînes : Uppercase, Lowercase, Capitalize et Uncapitalize. Ils transforment les types littéraux de chaînes lors de la compilation, sans coût à l'exécution.
Majuscules
Uppercase<S> convertit chaque caractère d'un type littéral de chaîne en majuscule. Le littéral 'hello' devient le type 'HELLO'.
type Loud = Uppercase<"hello"> // "HELLO"
const x: Loud = "HELLO"
console.log(x)Minuscules
Lowercase<S> fait l'inverse en convertissant chaque caractère en minuscule. 'HELLO' devient 'hello'.
type Quiet = Lowercase<"HELLO"> // "hello"
const x: Quiet = "hello"
console.log(x)Mettre en majuscule
Capitalize<S> met uniquement le premier caractère en majuscule et laisse les autres inchangés. 'name' devient 'Name'.
type Title = Capitalize<"name"> // "Name"
const x: Title = "Name"
console.log(x)Mettre en minuscule
Uncapitalize<S> met uniquement le premier caractère en minuscule. 'Name' devient 'name' — pratique pour convertir des clés en PascalCase en camelCase.
type Camel = Uncapitalize<"Name"> // "name"
const x: Camel = "name"
console.log(x)Transformer une union
Appliquez un type intrinsèque à une union pour transformer chacun de ses membres. Uppercase appliqué à 'a' | 'b' produit 'A' | 'B'.
type Keys = "id" | "name"
type Upper = Uppercase<Keys> // "ID" | "NAME"
const k: Upper = "ID"
console.log(k)Combiner avec des littéraux de modèle
Les types intrinsèques sont particulièrement puissants dans les types littéraux de modèle. Un modèle qui préfixe get à Capitalize appliqué à un champ construit des noms d'accesseurs, comme l'accesseur d'un champ de nom.
type Field = "name" | "age"
// template: get + Capitalize<Field> => "getName" | "getAge"
const g: "getName" | "getAge" = "getName"
console.log(g)Construire des noms de clés dans les types mappés
Dans le remappage des clés d'un type mappé, les types intrinsèques génèrent des noms de propriétés transformés — par exemple, en convertissant chaque propriété en clé de gestionnaire commençant par une majuscule.
type Events = "click" | "drag"
// { [E in Events as on + Capitalize<E>]: () => void }
// produces keys onClick and onDrag
const handlers: { onClick: () => void } = { onClick: () => {} }
console.log(typeof handlers.onClick)Enchaîner les types intrinsèques
Vous pouvez imbriquer des types intrinsèques pour composer des transformations — par exemple, mettre une chaîne en majuscules peut créer un conflit ; une combinaison courante consiste donc à appliquer Capitalize à une chaîne transformée par Lowercase afin d'uniformiser sa casse.
type Normalized = Capitalize<Lowercase<"hELLO">> // "Hello"
const x: Normalized = "Hello"
console.log(x)Uniquement à la compilation
Ces types n'existent pas à l'exécution. Pour transformer une valeur de chaîne réelle, vous devez toujours appeler des méthodes comme toUpperCase() ; les types intrinsèques ne font que façonner les types statiques.
function shout<S extends string>(s: S): Uppercase<S> {
return s.toUpperCase() as Uppercase<S>
}
console.log(shout("hi")) // HI, typed as "HI"
Utilisations pratiques
Utilisez les types intrinsèques pour dériver des noms de constantes, des clés d'événements, des noms d'accesseurs et de mutateurs, ainsi que pour uniformiser la casse des clés de configuration typées par des littéraux — le tout vérifié par le compilateur.
type Action = "add" | "remove"
type ActionType = Uppercase<Action> // "ADD" | "REMOVE"
const a: ActionType = "ADD"
console.log(a)Vérification rapide
Vérifiez votre compréhension des types intrinsèques de chaînes.
Récapitulatif
Les types intrinsèques Uppercase, Lowercase, Capitalize et Uncapitalize transforment les types littéraux de chaînes lors de la compilation, se distribuent sur les unions et se composent avec les types littéraux de modèle et les types mappés pour construire des noms de clés et de gestionnaires. Ils n'ont aucun comportement à l'exécution — utilisez de vraies méthodes de chaîne pour les transformations à l'exécution, tandis que ces types façonnent les types statiques.
Questions Fréquemment Posées
La leçon « Types intrinsèques de manipulation des chaînes » est-elle gratuite ?
Oui — le texte complet de « Types intrinsèques de manipulation des chaînes » 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 intrinsèques de manipulation des chaînes » ?
Utiliser Uppercase, Lowercase, Capitalize et Uncapitalize. 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 4 sur 4.
Combien de temps prend la leçon « Types intrinsèques de manipulation des chaînes » ?
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
- Principes des types littéraux de modèles
- Modéliser des chaînes structurées
- Unions de chaînes et autocomplétion
- Types intrinsèques de manipulation des chaînes