Métadescription : Convertir du texte entre camelCase, snake_case, kebab-case, PascalCase & amp ; more. Les conventions de nommage par langue, expliquées par un développeur Gratuit sur Toolz.dev.
Mot-clé Focus : convertisseur de cas de texte en ligne
La première fois qu'un ingénieur senior a laissé un commentaire sur ma demande d'extraction qui vient de dire "nommer", je n'avais aucune idée de ce qu'il voulait dire. Le code a fonctionné. Les tests ont réussi. Ce qu'il pointait était une variable que j'écrirais comme user_name dans un fichier JavaScript - snake_case dans une base de code qui utilisait camelCase partout ailleurs C'était un correctif de cinq secondes, mais c'était le genre de chose qui signale tranquillement si vous connaissez les conventions du langage dans lequel vous et n°39 écrivez.
Une quinzaine d'années et un plugin WordPress plus un Laravel/React SaaS plus tard, la conversion de cas est quelque chose que je fais des dizaines de fois par jour sans y penser Le travail en pile complète signifie constamment traverser les conventions : colonnes snake_case dans la base de données, camelCase dans le JavaScript, PascalCase pour les composants React, kebab-case dans le CSS et les URL, SCREAMING_SNAKE_CASE pour les variables d'environnement Se tromper ne fait pas & #39 ; il a juste l'air bâclé - il déclenche les doublures, les bugs, et produit occasionnellement des bugs qui sont misérables à suivre.
Ce guide couvre tous les principaux formats de cas, mappe chacun des langues qui s'y attendent et montre comment convertir entre eux instantanément avec le Convertisseur de casse sur Toolz.dev. Tout fonctionne dans votre navigateur, donc même si vous collez des identifiants propriétaires, rien ne quitte votre machine.
tl;dr : Utilisez le Convertisseur de casse Pour basculer de texte entre CamelCase, Pascalcase, Snake_Case, Screaming_Snake_Case, Kebab-Case, Titre Case, Phrase Case et Dot.Case. Il détecte automatiquement les limites des mots de n'importe quelle entrée et convertit les listes par ligne des listes par ligne. Règle de base : camelcase pour variables js, pascalcase pour classes et composants de réaction, snake_case pour python et SQL, kebab-case pour css et URL, screaking_snake_case pour les constantes.
Quels sont les principaux formats de dossier de texte ?
Chaque format de cas est en réalité deux décisions : comment les mots sont en majuscule et quel caractère (le cas échéant) les sépare. La capitalisation elle-même est une opération Unicode plutôt qu'une opération ASCII - Annexe standard Unicode n° 21 couvre les cas où il n'est pas réversible, comme l'allemand ß et le turc dotless i. Une fois que vous le voyez de cette façon, tout le zoo devient une petite table. Here' ; s chaque format avec un exemple et où il vit.
étui à chameau
Premier mot en minuscules, chaque mot suivant en majuscule, aucun séparateur : firstName, getUserProfile, isActiveSubscription. Il s'agit de la valeur par défaut des variables, fonctions, méthodes et propriétés d'objets JavaScript et TypeScript, et la même chose en Java et Swift. Le nom vient des "humps" que les majuscules font. Il est compact et se lit bien de courte à moyenne longueur.
Pascalcase (case majuscule)
Comme CamelCase mais le premier mot est également en majuscule : UserProfile, HttpRequestHandler, OrderService. Il est utilisé pour les classes, les structures et les énumérations sur C#, TypeScript, Java, Go (pour les identifiants exportés) et Python (noms de classe PEP 8) et pour les noms de composants React et Vue. La première lettre en majuscule est ce qui vous permet de dire un type (UserProfile) à partir d'une instance (userProfile) en un coup d'œil.
serpent_case
Toutes les minuscules, mots rejoints par des traits de soulignement : first_name, get_user_profile, created_at. It' ; est le style house pour Python et Ruby (selon PEP 8 et le guide de style Ruby), Rust et la plupart des schémas SQL. Souligne les mots séparés sans ambiguïté même en minuscules, c'est pourquoi les langages qui valorisent la lisibilité s'appuient sur lui - et pourquoi les bases de données, où la sensibilité au cas peut mordre, le préfèrent.
Screaming_snake_case (constante_case)
Toutes les majuscules, un trait de soulignement : MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT_MS. quasi universelle pour les constantes et pour les variables d'environnement dans .env fichiers, Docker, et CI config Le tout-caps crie " ; cette valeur est fixe" ; - quand vous le voyez, vous savez ne pas le réaffecter.
Case-kebab (marque de tir)
Toutes les minuscules, séparées par un trait d'union : user-profile, background-color, create-react-app. Ceci est le format natif de CSS' ; pour les propriétés et (via BEM ou Tailwind) les noms de classe, et it' ; c'est ce que l'URL slugs, les noms de packages npm, les étiquettes Kubernetes, les noms de branches git et les indicateurs CLI utilisent. Les traits d'union sont des séparateurs de mots naturels en anglais simple, donc le cas kebab est le format le plus lisible par l'homme pour tout ce que les gens lisent directement - et c'est le cas de l'URL n°39 ; sans codage.
Cas de titre et affaire de phrase
Le titre de cas met en valeur les mots principaux et laisse les articles courts, les prépositions et les conjonctions en minuscules à moins qu'ils ne mènent : Le renard brun rapide saute par-dessus le chien paresseux. C'est pour les titres, les titres de livres et de chapitres et les en-têtes de diapositives. Le cas de la phrase ne capitalise que le premier mot et les noms propres : Le renard brun rapide saute par-dessus le chien paresseux. C'est la valeur par défaut moderne des étiquettes, des boutons et du corps du texte de l'interface utilisateur dans la plupart des systèmes de conception.
DOT.CASE, TRATH/CASSE et TRAIN-CASE
Trois formats spécialisés : point.case (com.example.myapp) pour les packages Java et les clés de configuration ; Chemin/Coin (src/components/header) pour les chemins d'accès aux fichiers et les importations de modules ; et caisse (Content-Type, X-Request-Id) pour les en-têtes HTTP. Vous les convertirez moins souvent, mais le Convertisseur de casse Prend en charge les plus courants afin que vous ne le fassiez pas à la main.
Quel cas utiliser pour votre langage de programmation ?
Le moyen le plus rapide d'arrêter de deviner est d'intérioriser ce que dit le guide de style de chaque langue. Voici la référence inter-langue que j'aurais aimé avoir lors de cette première demande d'extraction.
| élément | Javascript / TS | python | s'en | rouiller | CSS / SQL |
|---|---|---|---|---|---|
| variables | étui à chameau | serpent_case | Camelcase (privé) | serpent_case | Snake_case (SQL) |
| fonctions | étui à chameau | serpent_case | Pascalcase (public) | serpent_case | - |
| Classes / Structures | case à pascal | case à pascal | case à pascal | case à pascal | - |
| constantes | crier_snake | crier_snake | case à pascal | crier_snake | - |
| Composants / Types | case à pascal | case à pascal | case à pascal | case à pascal | - |
| Propriétés / Colonnes | étui à chameau | serpent_case | Pascalcase (public) | serpent_case | Kebab / Serpent |
| limes | Kebab ou Pascal | serpent_case | serpent_case | serpent_case | kebab-case |
Quelques choses que ce tableau a gagnées' ; t t t'a dit mais l'expérience le fera Go traite la visibilité par cas - une première lettre majuscule signifie exporté (public), minuscule signifie paquet-privé - donc le casse il y a de la sémantique, pas du style Les constantes Python sont SCREAMING_SNAKE_CASE par convention seulement ; le langage won' ; t'empêche de les réaffecter Et en JavaScript, PascalCase fait double devoir : il marque à la fois les classes et les composants React, c'est pourquoi JSX peut dire <UserCard /> (votre composant) de <div /> (un élément DOM) purement par la majuscule.
Comment convertir entre les formats avec l'outil ?
La mécanique est délibérément ennuyeuse, ce qui est le point.
- Ouvrez le Convertisseur de casse.
- Collez votre texte Il peut être dans n'importe quel format - l'outil détecte les limites de mots à partir des espaces, des traits de soulignement, des tirets, des points et des changements de casse.
- Choisissez le format cible.
- Le texte converti apparaît instantanément. Copiez-le en un clic.
Là où il gagne son donation, c'est un travail en masse. Le convertisseur traite ligne par ligne d'entrée multi-ligne, de sorte qu'une liste entière se transforme en une seule fois. Collez cet ensemble de colonnes de base de données sous la forme de Snake_Case :
first_name
last_name
email_address
phone_number
date_of_birth
Choisissez CamelCase, et vous obtenez les variables côté application en une seule étape :
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
Je fais exactement cela lorsque I' ; m mappant un modèle de Laravel' ; s colonnes à un formulaire React' ; s noms de champs Deux mondes de convention, un coller L'alternative - retaper 20 noms ou écrire un script de transformation unique - est la façon dont une tâche de deux minutes devient dix.
Quelles sont les erreurs de conversion de cas les plus courantes ?
J'ai fait tout cela, et j'ai signalé tout cela en revue. Ils se regroupent en quatre.
en utilisant la mauvaise convention pour la langue. écriture const user_name en javascript ou firstName = "Alice" en Python est le classique Linters attrape-le - ESLint' ;s camelcase Règle, Pylint invalid-name - mais c'est le & #39 ; il est plus propre de bien l'écrire la première fois que d'avoir des gribouillis rouges.
étant incohérent dans un seul fichier. mixage userName, is_active, et GetUserProfile() Dans le même module Python, c'est pire que de choisir la "mauvaise convention", car désormais un lecteur ne peut rien prédire. La cohérence bat chaque fois la préférence personnelle.
Manipulation des acronymes. C'est le subtil, et c'est là que j'ai été brûlé. Différentes langues ne sont pas d'accord quant à savoir si un acronyme est un mot ou une série de lettres :
- Javascript Maintient les acronymes complètement en majuscules :
XMLHttpRequest,HTMLElement. - c# N'empoit que la première lettre :
XmlHttpRequest,HtmlElement. - s'en En majuscule, l'acronyme entier, toujours :
XMLHTTPRequest,URL,ServeHTTP.
Voici mon erreur admise avec cela. Une fois, j'ai laissé un convertisseur automatisé tourner parseHTMLString dans parse_h_t_m_l_string à travers un fichier - il traitait chaque capitale comme une limite de mots - et je l'ai commis sans lire attentivement la différence. La bonne casse de serpent est parse_html_string. Je ne l'ai compris que lorsque Python n'a pas pu trouver la fonction que je pensais avoir renommée. La leçon : la gestion des acronymes est exactement là où la conversion de cas automatisée nécessite un regard humain, et c'est pourquoi le Convertisseur de casse Garde les lettres et les nombres adjacents au lieu de les briser.
Fractionner les nombres mal. user2FAEnabled devrait devenir user_2fa_enabled, pas user_2_f_a_enabled. Garder des séquences numériques avec leurs lettres voisines est le comportement que vous souhaitez, et il est facile de se tromper si vous convertissez par regex naïf.
Scénarios de conversion réels que j'ai cliqué
Portage du code entre les langues. Déplacer un extrait d'un service Python vers un nœud un signifie Snake_Case → CamelCase pour chaque identifiant. Collez le bloc, convertissez, c'est terminé.
Composant à la feuille de style. Un composant de réaction nommé UserProfileCard (Pascalcase) a besoin d'une classe CSS user-profile-card (case de kebab). Une conversion.
Config vers l'environnement. Une clé de configuration écrite database.connection.pool.size (point.case) devient le var env DATABASE_CONNECTION_POOL_SIZE (screaming_snake_case). Le convertisseur effectue le changement de format, il vous suffit de coller et de choisir.
Titre de slug. Un titre comme " ; Comment convertir un cas de texte en ligne" ; a besoin d'une URL slug. Pour ce travail spécifique, le Slug Générateur est construit à cet effet, mais Kebab-Case dans le convertisseur de cas vous permet de vous procurer la plupart du temps.
Questions fréquentes
Comment convertir une requête textuelle en ligne ?
Ouvrez le Convertisseur de casse, collez votre texte et sélectionnez le format cible. Il prend en charge CamelCase, Pascalcase, Snake_Case, Screaming_Snake_Case, Kebab-Case, titre, cas de phrase, point.case, etc. La conversion est instantanée, gratuite et entièrement traitée dans votre navigateur.
Quelle est la différence entre CamelCase et Snake_Case ?
CamelCase rejoint des mots sans séparateurs et met chaque mot en majuscule après le premier : getUserProfile. Snake_case utilise des mots minuscules joints par des traits de soulignement : get_user_profile. CamelCase est le standard de JavaScript et Java ; Snake_Case est le standard en Python, Ruby, Rust et SQL. Ils encodent les mêmes mots, avec des règles de séparateur et de capitalisation différentes.
Comment convertir Camelcase en Snake_Case ?
Collez votre texte Camelcase dans le Convertisseur de casse - par exemple getUserProfile - et choisissez snake_case. Vous obtenez get_user_profile instantanément. Étant donné que l'outil détecte les limites des mots à partir des lettres majuscules, vous n'avez pas besoin d'ajouter d'abord des espaces ou des marqueurs.
A quoi sert Pascalcase ?
Pascalcase met en valeur la première lettre de chaque mot, y compris la première : UserProfile, HttpClient. Il est utilisé pour les noms de classes dans la plupart des langages, les noms de composants React et Vue, les interfaces TypeScript et les alias de type, les méthodes et les propriétés C# et les identifiants (publics) exportés. La lettre majuscule première distingue visuellement les types et les constructeurs des variables ordinaires.
Comment les acronymes doivent-ils être mis en cause dans les noms de variables ?
Cela dépend de la langue. JavaScript les maintient complètement en majuscules (XMLHttpRequest), C# ne majuscule que la première lettre (XmlHttpRequest), et go en majuscule tout l'acronyme (XMLHTTPRequest). Il s'agit de la partie la plus sujette aux erreurs de la conversion de cas, alors examinez le résultat chaque fois qu'un identifiant contient un acronyme plutôt que de faire confiance à une transformée aveugle.
Puis-je convertir une liste complète de noms à la fois ?
Oui. le Convertisseur de casse traite les entrées multilignes ligne par ligne Collez une liste complète des noms de colonnes ou des identifiants, choisissez le format cible et chaque ligne convertit simultanément - idéal pour mapper les colonnes de la base de données aux variables de l'application.
Quel cas dois-je utiliser pour les URL et les CSS ?
kebab-case pour les deux. URL slugs like /blog/text-case-converter-guide et les propriétés CSS comme background-color Utilisez des mots tout en minuscules séparés par des traits d'union. C'est le format le plus lisible dans les adresses et les feuilles de style et est sécurisé sans encodage.
À quoi sert Screaming_Snake_Case ?
Constantes et variables d'environnement : MAX_RETRY_COUNT, DATABASE_URL, API_KEY. Le signal tous majuscules est une convention, pas une règle appliquée - il indique au lecteur suivant " ; cette valeur est fixe, don' ; t le réassigne." ; It' ; est presque universel pour env vars car les variables shell ont toujours été majuscules et la plupart des langages suivent la même convention pour les constantes au moment de la compilation.
Quelle est la différence entre le cas de titre et la thèse ?
Le titre Case met en majuscule les mots principaux et laisse les articles courts, les conjonctions et les prépositions en minuscules : "le guide de conversion de cas de texte." Cas de phrase ne met en majuscule que le premier mot et les noms appropriés : "le guide de conversion de cas de texte." Le cas de titre est traditionnel pour les titres. Le cas de la phrase est désormais le style de la plupart des équipes de produits et de documentation, car il lit plus rapidement et gère mieux les en-têtes.
Comment puis-je changer de cas de texte dans Word ou Google Docs ?
Dans Microsoft Word, sélectionnez le texte et appuyez sur Shift + F3 pour parcourir les minuscules, UPPERCASE et Capitaliser chaque mot, ou utiliser le bouton Aa de l'onglet Accueil Google Docs a Format → Texte → Capitalisation. Ni l'un ni l'autre n'offre de formats de programmeur - pour camelCase, snake_case ou kebab-case, vous avez besoin d'un fichier dédié Convertisseur de casse.
conclusion
La conversion de cas est une petite compétence qui marque discrètement la différence entre le code qui se lit comme natif de son langage et le code qui se lit comme porté d'ailleurs Connaître la bonne convention pour chaque contexte - camelCase en JavaScript, snake_case en Python, kebab-case en CSS et URLs, SCREAMING_SNAKE_CASE pour les constantes - empêche le bruit de linter, évite les bugs, et garde une base de code cohérente.
le libre Convertisseur de casse Sur Toolz.dev rend la partie mécanique instantanée : n'importe quel format, n'importe quel format, une ligne ou une centaine, le tout dans votre navigateur sans rien téléchargé. Bookmark-le, et la seule partie de la dénomination que vous pouvez automatiser cesse de vous coûter n'importe quoi.
Convertissez votre texte maintenant : Toolz.dev/tools/case-convertisseur
Lecture connexe :
