Convertisseur camelCase en kebab-case — Gratuit en ligne

Convertissez camelCase en kebab-case pendant la saisie, avec des exemples.

Converter

camelCase, snake_case, kebab-case et Chaque Style Intermédiaire

Convertissez un identifiant ou une phrase entre 17 conventions de casse

—

Les résultats sont fournis à titre informatif uniquement et peuvent contenir des erreurs. Vérifiez les informations importantes de manière indépendante. L'utilisation de cet outil se fait à vos propres risques.

Comment convertir camelCase en kebab-case

Convertissez des noms en camelCase en kebab-case instantanément. Saisissez ou collez un nom de variable, de fonction ou de colonne et obtenez la version en kebab-case pendant la saisie.

  1. Saisissez ou collez un nom en camelCase, par exemple mainNavItem, dans le champ ci-dessus.
  2. La version en kebab-case s'affiche aussitôt : mainNavItem devient main-nav-item.
  3. 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 kebab-case : tous les mots en minuscules, reliés par des tirets. 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 camelCase → kebab-case

camelCasekebab-case
getUserByIdget-user-by-id
firstNamefirst-name
parseHTTPResponseparse-http-response
isValidis-valid
totalPriceUsdtotal-price-usd
address2Lineaddress2-line

camelCase et kebab-case expliqués

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.

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.

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.