Case-Konverter — UPPERCASE, lowercase, camelCase & mehr

Was ist ein Groß-/Kleinschreibung-Konverter?

// The tokenizer that powers every programming-case conversion
function tokenize(input) {
  return input
    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')      // lower→upper: parseHTML → parse HTML
    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')   // acronym boundary: XMLHttp → XML Http
    .replace(/([A-Za-z])(\d)/g, '$1 $2')          // letter→digit: file2 → file 2
    .replace(/(\d)([A-Za-z])/g, '$1 $2')          // digit→letter: 2x → 2 x
    .replace(/[\s\-_./\\]+/g, ' ')                // collapse separators
    .split(' ').filter(Boolean);
}

// Then each case is a one-liner over the tokens
const camelCase  = (s) => tokenize(s).map((t, i) => i === 0 ? t.toLowerCase() : cap(t)).join('');
const snakeCase  = (s) => tokenize(s).map(t => t.toLowerCase()).join('_');
const kebabCase  = (s) => tokenize(s).map(t => t.toLowerCase()).join('-');
const PascalCase = (s) => tokenize(s).map(cap).join('');

function cap(t) {
  return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
}

Hauptfunktionen

Case-Konverter-Alternativen im Vergleich

Beispiele für Case-Konvertierung

URGENT: PLEASE REVIEW THE Q4 BUDGET PROPOSAL BEFORE FRIDAY

user_profile_image_url

XMLHttpRequest

10 Tips for Faster JavaScript: A Complete Guide

accessControlAllowOrigin

max retries per request

this is fine, everything is going great

Wie man den Case-Konverter verwendet

1. 1

   Text einfügen oder eintippen

   Klicken Sie in den Editor und tippen Sie oder fügen Sie beliebigen Text ein — einen Satz, einen Absatz, einen Bezeichner, eine Überschrift. Jede Case-Ausgabe aktualisiert sich sofort. Klicken Sie auf Beispiel, um einen repräsentativen Satz zu laden, wenn Sie nur sehen wollen, wie sich die Cases unterscheiden.

2. 2

   Das Raster scannen

   Die sieben Text-Cases (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm) sind im oberen Abschnitt. Die acht Programming-Cases (camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, Header-Case) sind im unteren Abschnitt. Jede Karte zeigt ihr Case-Label, eine einzeilige Beschreibung und die konvertierte Ausgabe.

3. 3

   Auf Copy bei dem Case klicken, den Sie wollen

   Jede Ausgabekarte hat ihren eigenen kleinen Copy-Button. Ein Klick — der Case landet in Ihrer Zwischenablage, der Button blinkt „Kopiert!" auf, und Sie sind bereit, woanders einzufügen. Sie müssen den Ausgabetext nicht erst markieren.

4. 4

   Random Case bei Bedarf neu mischen

   Wenn Sie eine andere RaNdOm-CaSe-Variante für denselben Text wollen, klicken Sie in der Action-Bar auf Neu mischen. Nur die Random-Case-Ausgabe ändert sich; der Eingabetext und alle anderen Ausgaben bleiben gleich.

5. 5

   Nach Gebrauch zurücksetzen

   Klicken Sie auf Zurücksetzen, um den Editor zu leeren und jede Ausgabe zurückzusetzen. Beispiel lädt den Demo-Text neu. Alle Aktionen sind sofortig und werden nie an einen Server gesendet.

Häufige Fehler bei der Case-Konvertierung

Eingabe: „the quick brown fox jumps over the lazy dog"
snake_case-Ausgabe: the_quick_brown_fox_jumps_over_the_lazy_dog
Ergebnis: ein 50-Zeichen-Bezeichner, den niemand will.

Eingabe: „quickBrownFox"
snake_case-Ausgabe: quick_brown_fox
Ergebnis: ein sauberer Drei-Token-Bezeichner.

Eingabe: „a tale of two cities"
Dieses Tool Title Case: A Tale Of Two Cities
Erwartet (AP-Stil): A Tale of Two Cities

Verwenden Sie dieses Tool für allgemeine Großschreibung.
Verwenden Sie ein AP-Style-Headline-Tool für redaktionelle Titel.
Verschiedene Tools, verschiedene Konventionen.

Eingabe: XMLHttpRequest
PascalCase-Ausgabe: XmlHttpRequest
Erwartet (Akronym erhalten): XMLHttpRequest

Akzeptieren Sie das title-cased Akronym, ODER
bewahren Sie das Akronym nach der Konvertierung manuell, ODER
verwenden Sie einen Tokenizer, der Akronym-Hinweise respektiert.

Eingabe: https://example.com/api/users
snake_case-Ausgabe: https_example_com_api_users
Ergebnis: keine URL mehr.

Eingabe: https://example.com/api/users
Lassen Sie URLs in Ruhe — sie sind bereits im richtigen Format.
Für Slug-Extraktion parsen Sie den URL-Pfad manuell.

Ziel: „die user.profile.image-Variable setzen"
Verwendung der dot.case-Ausgabe als Variablenname: `user.profile.image`
In den meisten Sprachen ist das Property-Access, nicht ein Bezeichner.

Für eine einzelne Variable: userProfileImage (camelCase).
Für einen namespaced Key: user.profile.image (dot.case ist korrekt).
Passen Sie den Case der Zielsyntax an.

Eingabe: „e.g. this is an example. Read more."
Sentence-case-Ausgabe: „E.g. This is an example. Read more."
Das `g.` wurde fälschlich als Satzendzeichen behandelt.

Erst Sentence case laufen lassen, dann die wenigen Abkürzungs-Randfälle von Hand korrigieren.
Oder umformulieren, um satzinterne Punkte zu vermeiden.
(NLP-Niveau-Satzerkennung ist eine separate Tool-Kategorie.)

Wer dieses Tool verwendet

Entwickler beim Umbenennen von Bezeichnern sprachübergreifend

Migration einer JS-Variable zu einem Python-snake_case-Namen, einer CSS-Klasse zu einer React-PascalCase-Komponente oder einer Umgebungsvariable zu einer Config-Konstante. Quellnamen einmal einfügen, die richtige Ausgabe kopieren — keine manuelle Buchstaben-für-Buchstaben-Konvertierung.

Backend-Entwickler beim Übersetzen von Header-Namen

HTTP-Header wie Content-Type, Access-Control-Allow-Origin, X-Forwarded-For haben spezifische Header-Case-Schreibweisen. Fügen Sie einen camelCase-JS-Property-Namen ein, kopieren Sie die kanonische Header-Form — funktioniert für fetch()-Optionen, Server-Middleware und Proxy-Configs.

Autorinnen beim Entfernen von ALL-CAPS-E-Mail-Ton

Weitergeleitete All-Caps-E-Mails und Chat-Nachrichten lesen sich wie Geschrei. Fügen Sie sie in Sentence case ein, um den Ton zu entschärfen, oder in Title Case, um ein poliertes Schlagzeilen-Gefühl zu erhalten. Leerzeichen und Satzzeichen überleben intakt.

Marketer beim Entwerfen von Schlagzeilen

Title Case für Schlagzeilen, Sentence case für Body-Copy und Bildunterschriften — die Konvention, die die meisten modernen Style Guides (AP, Google, Apple) empfehlen. Sehen Sie beides gleichzeitig, um zu vergleichen, was zur Platzierung passt.

SEO-Spezialisten beim Erzeugen von URL-Slugs

kebab-case ist die URL-Slug-Konvention, die jedes CMS erwartet. Fügen Sie einen Seitentitel mit Satzzeichen und Großschreibung ein, kopieren Sie die kebab-case-Ausgabe — einsatzbereit für ein WordPress-, Ghost- oder Hugo-Slug-Feld. Der Tokenizer entfernt Satzzeichen sauber.

DBAs beim Benennen von Spalten und Tabellen

snake_case für Spalten- und Tabellennamen ist die universelle Konvention über PostgreSQL, MySQL, SQLite und die meisten ORMs hinweg. Fügen Sie ein menschenlesbares Label oder einen camelCase-API-Feldnamen ein, kopieren Sie die snake_case-Version.

Frontend-Entwickler beim Verfassen von CSS-Klassen

kebab-case für Klassennamen ist die CSS-Spezifikations-Konvention (BEM, Tailwind-Utilities und die meisten Design-Systeme). Fügen Sie einen JS-Komponentennamen in camelCase ein, kopieren Sie die kebab-case-Version für das passende CSS-Modul.

Meme-Macher und Sarkasmus-Enthusiasten

aLtErNaTiNg cAsE und RaNdOm CaSe sind die Spongebob-Meme-Formate, mit denen sarkastisch verspottet oder zitiert wird. Re-Shuffle würfelt die Random-Variante neu, ohne die Eingabe zu ändern — würfeln Sie ein paar Mal, bis eine sich richtig anfühlt.

Tokenisierungs- & Konvertierungsregeln

Tokenisierungs-Regeln

Tokens werden extrahiert, indem an vier Grenzen ein Leerzeichen eingefügt wird: lower-to-upper (parseHTML → parse HTML), upper-to-upper-to-lower (XMLHttp → XML Http), Buchstabe-zu-Ziffer (file2 → file 2) und Ziffer-zu-Buchstabe (2x → 2 x). Anschließend werden gängige Trennzeichen (Leerzeichen, Bindestrich, Unterstrich, Punkt, Schrägstrich, Backslash) zu einzelnen Leerzeichen zusammengefasst. Die resultierenden Tokens werden aufgeteilt, getrimmt und leere Einträge verworfen. Das entspricht den Konventionen von lodash und dem change-case-Paket.

Programming-Case-Ausgaben entfernen Satzzeichen

camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case und Header-Case erzeugen alle saubere Bezeichner — Satzzeichen in der Eingabe (Kommas, Punkte, Klammern) werden entfernt, weil sie in den meisten Sprachbezeichnern nicht vorkommen können. Wenn Sie Satzzeichen erhalten möchten, verwenden Sie eine der Text-Case-Ausgaben (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm).

Text-Case-Ausgaben bewahren alles

UPPERCASE, lowercase, Title Case, Sentence case, iNVERSE cASE, aLtErNaTiNg cAsE und RaNdOm CaSe bewahren alle Leerzeichen, Zeilenumbrüche und Satzzeichen. Fügen Sie ein mehrabsätziges Dokument ein, und die Struktur überlebt — nur die Buchstaben-Case ändert sich. Diese Transformationen arbeiten zeichenweise ohne Tokenisierung.

Title Case (naive Variante)

Title Case in diesem Tool schreibt den ersten Buchstaben jedes durch Leerzeichen getrennten Wortes groß und den Rest klein. APA-, Chicago- und AP-Style-Guides empfehlen, kurze Artikel und Präpositionen kleinzuschreiben (a, an, the, of, in, for); diese Varianten unterscheiden sich genug, um ein dediziertes Tool zu rechtfertigen. Verwenden Sie dieses Title Case für allgemeine Großschreibung; verwenden Sie ein headline-spezifisches Tool für AP-Style-Schlagzeilen.

Sentence-Case-Grenz-Erkennung

Sentence case schreibt alles klein und schreibt dann den ersten Buchstaben der Eingabe sowie den ersten Buchstaben nach jedem Satzendzeichen (. ! ? 。 ！ ？) gefolgt von Leerzeichen groß. Der Detektor versucht nicht, Abkürzungen wie Mr. oder U.S.A. zu disambiguieren — Fehlalarme dort sind verrauschter als die seltenen Nicht-Erkennungen.

Alternating Case verwendet einen globalen Toggle

aLtErNaTiNg cAsE wechselt zwischen klein und groß für jeden Buchstaben, mit einem globalen Toggle, der über Wortgrenzen hinweg trägt. Nicht-Buchstaben-Zeichen lassen den Toggle nicht weiterspringen. Das entspricht der Konvention von convertcase.net und anderen Meme-Generatoren — vorhersagbar und reproduzierbar für dieselbe Eingabe.

Random Case verwendet Math.random()

RaNdOm CaSe führt einen unabhängigen Münzwurf pro Buchstaben mit Math.random() aus. Jeder Klick auf Re-Shuffle erzeugt ein anderes Ergebnis. Die Zufallsquelle ist nicht kryptografisch stark; sie ist für lockeren Text in Ordnung, aber verwenden Sie sie nicht für Passwortgenerierung (verwenden Sie dafür den dedizierten Passwortgenerator).

Unicode- und locale-bewusste Case-Mappings

Verwendet `toLocaleLowerCase()` und `toLocaleUpperCase()`, sodass das türkische punktierte/punktlose İ/ı, das deutsche ß (das in der Standardbehandlung zu SS großgeschrieben wird) und andere locale-sensitive Case-Mappings korrekt verarbeitet werden. Die Tokenisierung verwendet \p{L}, um Buchstaben aus jedem Schriftsystem zu erkennen. Programming-Case-Ausgaben verwenden standardmäßig ASCII-Bezeichner-Zeichen für sprachübergreifende Kompatibilität.

Best Practices für die Wahl eines Case

Wählen Sie den Case, der zu Ihrer Codebasis passt

Der richtige Case für einen Variablennamen ist nicht der hübscheste — es ist der, den Ihre Codebasis bereits verwendet. JavaScript und Java: camelCase für Variablen und Methoden, PascalCase für Klassen. Python, Ruby, Rust: snake_case für alles außer Klassennamen (die PascalCase sind). CSS und URLs: kebab-case. Umgebungsvariablen und Konstanten: CONSTANT_CASE. Passen Sie sich der lokalen Konvention an; Konsistenz schlägt theoretische Korrektheit.

Verwenden Sie Sentence case für UI-Mikrotexte

Die Design-Systeme von Google, Apple und Microsoft haben sich im letzten Jahrzehnt alle auf Sentence case für Button-Labels, Menüpunkte, Dialog-Texte und andere UI-Mikrotexte standardisiert. Title Case in UI liest sich heute als altmodisch und leicht schreiend. Bewahren Sie Title Case für primäre Schlagzeilen, Seitentitel und Buchtitel auf.

Smart Quotes vor dem Einfügen entfernen

Einfügen aus Microsoft Word, Google Docs oder Apple Notes kann Smart Quotes („"), Geviertstriche (—) und andere typografische Zeichen mitziehen, die identisch wie ASCII aussehen, aber anders kodiert sind. Die Case-Transformationen verarbeiten sie korrekt, aber wenn Sie zu einem Programming-Case-Bezeichner konvertieren, ersetzen Sie sie zuerst manuell durch ASCII-Äquivalente, um Überraschungen in Ihrem Code-Editor zu vermeiden.

Konvertieren Sie einen Bezeichner nach dem anderen für Programming-Cases

camelCase, snake_case, kebab-case usw. erzeugen einen einzigen Bezeichner aus der gesamten Eingabe. Wenn Sie einen Satz in snake_case einfügen, erhalten Sie einen langen Bezeichner — technisch korrekt, aber selten was Sie wollen. Für Bezeichner-Konvertierung fügen Sie ein Wort oder Kompositum nach dem anderen ein. Für absatzlangen Text verwenden Sie die Text-Case-Transformationen.

Akronym-Roundtrips vor dem Refactoring verifizieren

XMLHttpRequest → xml_http_request → XmlHttpRequest ist der Standard-Roundtrip; das Akronym wird auf dem Rückweg title-cased. Wenn Ihre Codebasis die ursprüngliche Akronym-Großschreibung bewahrt (XmlHttpRequest bleibt XMLHttpRequest), passt der Roundtrip nicht exakt. Prüfen Sie ein paar Konvertierungen stichprobenartig, bevor Sie ein projektweites Umbenennen durchführen.

Verwenden Sie Header-Case für HTTP/1.1, kebab-case für HTTP/2

HTTP/1.1 ist case-insensitiv für Header-Namen, aber Header-Case (Content-Type, X-Forwarded-For) ist die konventionelle menschenlesbare Schreibweise, die jeder verwendet. HTTP/2 verlangt explizit kleingeschriebene Header-Namen — verwenden Sie für diese kebab-case (content-type, x-forwarded-for). Im Zweifel funktioniert kebab-case in beiden Protokollen.

Re-Shuffle Random Case für Vielfalt, nicht für Sicherheit

Random Case macht Spaß für Memes, ist aber nicht zufällig im kryptografischen Sinne — er verwendet Math.random(), was für visuelle Vielfalt in Ordnung ist, aber nicht für irgendetwas, wo Zufälligkeit zählt (Passwortgenerierung, Security-Tokens, A/B-Testing). Verwenden Sie den dedizierten Passwortgenerator für kryptografische Zufälligkeit.

Häufig gestellte Fragen