Convertir la casse du texte en JavaScript

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 JavaScript ou une bibliothèque couramment utilisée pour cette tâche.

Exemple#

1function words(input) {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}910const capitalize = (word) => word ? word[].toLocaleUpperCase() + word.slice() : word;1112const toCamel = (input) => {13  const parts = words(input);14  return parts.map((w, i) => i ===  ? w : capitalize(w)).join("");15};1617const toSnake = (input) => words(input).join("_");18const toKebab = (input) => 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#

1const toPascal = (input) => words(input).map(capitalize).join("");2const toConstant = (input) => words(input).join("_").toLocaleUpperCase();34console.log(toPascal("hello toolPorta"));5console.log(toConstant("hello toolPorta"));

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
• MDN JavaScript