Comment convertir kebab-case en camelCase
Convertissez des noms en kebab-case en camelCase instantanément. Saisissez ou collez un nom de variable, de fonction ou de colonne et obtenez la version en camelCase pendant la saisie.
- Saisissez ou collez un nom en kebab-case, par exemple main-nav-item, dans le champ ci-dessus.
- La version en camelCase s'affiche aussitôt : main-nav-item devient mainNavItem.
- Copiez le résultat ou choisissez l'un des 17 styles de nommage pour la source et la cible.
Comment fonctionne la conversion
Le convertisseur découpe d'abord le nom en mots : à chaque majuscule, tiret bas, tiret, point et espace. Il écrit ensuite les mots en camelCase : le premier mot en minuscules, chaque mot suivant avec une majuscule initiale, sans séparateur. Les suites de majuscules comme HTTP restent groupées en un seul mot, et les chiffres restent attachés au mot qu'ils suivent.
Exemples kebab-case → camelCase
| kebab-case | camelCase |
|---|---|
main-nav-item | mainNavItem |
font-size | fontSize |
background-color | backgroundColor |
is-open | isOpen |
data-test-id | dataTestId |
aria-label | ariaLabel |
kebab-case et camelCase expliqués
Le kebab-case écrit tous les mots en minuscules et les relie par des tirets. On le trouve dans les URL, les classes CSS, les attributs HTML et les noms de fichiers.
Le camelCase commence par un mot en minuscules et met une majuscule au début de chaque mot suivant, sans séparateur. C'est la norme pour les variables et les fonctions en JavaScript, Java, C# et Swift.
Questions fréquentes
Que deviennent les sigles comme HTTP ou ID ?
Une suite de majuscules est traitée comme un seul mot : parseHTTPResponse devient parse_http_response en snake_case.
Cela change-t-il le sens de mon code ?
Non. Seul le nom est réécrit. Pensez à renommer tous les endroits qui l'utilisent, sinon votre code cherchera l'ancien nom.
Quel style choisir ?
Suivez la convention de votre langage ou de votre projet : camelCase en JavaScript et Java, snake_case en Python, Ruby et SQL, kebab-case dans les URL et le CSS.
Cet outil est-il gratuit ?
Oui, il est gratuit. Sans inscription ni e-mail. Résultats directement sur cette page.
Comment obtenir mon résultat ?
Utilisez cet outil sur cette page. Le résultat apparaît ici, sans envoi par e-mail.