Convertir la casse du texte en TypeScript

La conversion de casse devient vite subtile avec la ponctuation, les acronymes, le camelCase existant, Unicode et les retours à la ligne. Commencez par transformer le texte en jetons, puis rendez ces jetons dans le format demandé.

Démarrage rapide#

L’exemple suivant utilise l’API standard de TypeScript ou une bibliothèque couramment utilisée pour cette tâche.

Exemple#

1function words(input: string): string[] {2  return input3    .replace(/([a-z0-])([A-Z])/g, "$1 $2")4    .trim()5    .split(/[^\p{L}\p{N}]+/u)6    .filter(Boolean)7    .map((word) => word.toLocaleLowerCase());8}910function capitalize(word: string): string {11  return word ? word[].toLocaleUpperCase() + word.slice() : word;12}1314export const toCamel = (input: string): string => {15  const parts = words(input);16  return parts.map((w, i) => i ===  ? w : capitalize(w)).join("");17};1819export const toSnake = (input: string): string => words(input).join("_");

Opérations courantes#

Ce second exemple couvre une opération fréquente en production ou une manière plus sûre de traiter des entrées réelles.

Variante courante#

1type CaseKind = "camel" | "pascal" | "snake" | "kebab" | "constant";23function convertCase(input: string, kind: CaseKind): string {4  const parts = words(input);5  switch (kind) {6    case "camel": return parts.map((w, i) => i ? capitalize(w) : w).join("");7    case "pascal": return parts.map(capitalize).join("");8    case "snake": return parts.join("_");9    case "kebab": return parts.join("-");10    case "constant": return parts.join("_").toLocaleUpperCase();11  }12}

Points importants#

Séparez la conversion de casse des identifiants des règles éditoriales de Title Case et traitez explicitement Unicode, acronymes et mots déjà en camelCase.

Bonnes pratiques#

1. Considérez toute entrée externe comme non fiable et gérez explicitement les erreurs d’analyse ou de validation.
2. Rendez explicites l’encodage, les unités, les formats et les conventions propres aux bibliothèques aux frontières du système.
3. Ajoutez des tests couvrant l’entrée vide, le texte Unicode, les entrées invalides et des données représentatives de la production.

Références#

• Unicode Standard
• TypeScript Handbook