Ce qu’est le camelCase
Ce convertisseur camelCase colle les mots les uns aux autres, sans espaces. Le premier mot reste en minuscules et chaque mot suivant commence par une majuscule :
first namedevientfirstNametotal_order_countdevienttotalOrderCountis-logged-indevientisLoggedIn
Les langages de programmation n’acceptent pas les espaces dans les noms, il faut donc un moyen de montrer où un mot finit et où le suivant commence. Le camelCase le fait avec des majuscules.
Comment le convertisseur lit votre texte
L’outil repère les mots, puis les assemble. Il découpe sur :
- les espaces et les tabulations
- les tirets bas, traits d’union, points et barres obliques
- une minuscule suivie d’une majuscule, donc
UserNameest lu comme « User » et « Name »
Il met ensuite le premier mot en minuscules, ajoute une majuscule aux suivants et retire les séparateurs. Les apostrophes sont supprimées : « don’t stop » devient dontStop. Les chiffres sont conservés.
Chaque ligne est traitée séparément. Il est donc facile de convertir d’un coup une colonne de champs de base de données ou une liste de clés JSON.
| Texte saisi | Résultat |
|---|---|
| user first name | userFirstName |
| order_total_amount | orderTotalAmount |
| background-color | backgroundColor |
| GetUserById | getUserById |
| API response code | apiResponseCode |
Noms en français et accents
Si vous nommez vos variables en français, l’outil fonctionne de la même façon : « Date de naissance » devient dateDeNaissance et « nombre de commandes » devient nombreDeCommandes. Deux points à surveiller :
- Les accents sont conservés. « prénom de l’utilisateur » devient
prénomDeLutilisateur. JavaScript accepte les lettres accentuées dans les identifiants, mais beaucoup d’équipes les évitent pour ne pas compliquer la saisie et les recherches. Retirez-les si votre projet s’en tient à l’ASCII. - L’apostrophe disparaît sans séparer les mots. « l’utilisateur » donne
Lutilisateuren un seul mot. Écrivez « utilisateur » seul si vous préférezprenomUtilisateur.
Où l’on utilise le camelCase
- JavaScript et TypeScript : variables, fonctions et propriétés d’objets
- Java, Kotlin et Swift : variables et noms de méthodes
- JSON : clés de nombreuses API web
- C# : variables locales et paramètres
- CSS en JavaScript :
backgroundColorà la place debackground-color
D’autres langages préfèrent d’autres styles. Python et Ruby utilisent le snake_case pour les variables, et les noms de classes de la plupart des langages utilisent le PascalCase.
Conversions courantes
Du snake_case au camelCase. Utile quand un backend Python ou SQL envoie des données à un frontend JavaScript. Collez les noms des champs et convertissez la liste.
Du kebab-case au camelCase. Les propriétés CSS et les attributs HTML utilisent des traits d’union. JavaScript a besoin du camelCase pour les lire : data-user-id devient par exemple dataUserId.
Des mots simples au camelCase. Tapez une description comme « is email verified » et obtenez un nom de variable prêt à l’emploi.