camelCase Konverter: Text online in camelCase umwandeln

Was camelCase ist

camelCase verbindet Wörter ohne Leerzeichen. Das erste Wort bleibt klein, und jedes Wort danach beginnt mit einem Großbuchstaben:

first name wird zu firstName
total_order_count wird zu totalOrderCount
is-logged-in wird zu isLoggedIn

Programmiersprachen erlauben keine Leerzeichen in Namen. Entwickler brauchen also einen Weg zu zeigen, wo ein Wort endet und das nächste beginnt. camelCase macht das mit Großbuchstaben.

So liest der Konverter deinen Text

Das Tool ermittelt, wo die Wörter sind, und verbindet sie dann. Es trennt an:

Leerzeichen und Tabs
Unterstrichen, Bindestrichen, Punkten und Schrägstrichen
einem Kleinbuchstaben, auf den ein Großbuchstabe folgt, UserName wird also als „User“ und „Name“ gelesen

Dann schreibt es das erste Wort klein, die übrigen mit großem Anfangsbuchstaben und entfernt die Trennzeichen. Apostrophe fallen weg, aus „don’t stop“ wird also dontStop. Zahlen bleiben erhalten.

Jede Zeile wird für sich behandelt. So kannst du eine Spalte mit Datenbankfeldern oder eine Liste von JSON-Schlüsseln in einem Rutsch umwandeln.

Eingabe	Ausgabe
user first name	userFirstName
order_total_amount	orderTotalAmount
background-color	backgroundColor
GetUserById	getUserById
API response code	apiResponseCode

Umlaute und deutsche Namen

Der Konverter behält Umlaute und ß bei. Aus „Kundennummer prüfen“ wird kundennummerPrüfen, aus „Größe der Straße“ wird größeDerStraße. JavaScript, Java und viele andere Sprachen erlauben solche Zeichen in Bezeichnern zwar, in den meisten Teams sind Namen im Code aber englisch und reines ASCII. Das vermeidet Probleme mit Tastaturbelegungen, Kodierungen und Werkzeugen. Wenn du deutsche Begriffe verwenden musst, etwa für Felder aus einer deutschen Fachanwendung, ersetze ä, ö, ü und ß vor dem Umwandeln durch ae, oe, ue und ss.

Wo camelCase verwendet wird

JavaScript und TypeScript: Variablen, Funktionen und Objekteigenschaften
Java, Kotlin und Swift: Variablen und Methodennamen
JSON: Schlüssel in vielen Web-APIs
C#: lokale Variablen und Parameter
CSS in JavaScript: backgroundColor statt background-color

Andere Sprachen bevorzugen andere Stile. Python und Ruby nutzen snake_case für Variablen, und Klassennamen stehen in den meisten Sprachen in PascalCase.

Häufige Umwandlungen

snake_case in camelCase. Praktisch, wenn ein Backend in Python oder SQL Daten an ein JavaScript-Frontend schickt. Füge die Feldnamen ein und wandle die Liste um.

kebab-case in camelCase. CSS-Eigenschaften und HTML-Attribute nutzen Bindestriche. JavaScript braucht camelCase, um sie zu lesen, zum Beispiel wird data-user-id zu dataUserId.

Normale Wörter in camelCase. Tippe eine Beschreibung wie „is email verified“ und bekomme einen fertigen Variablennamen.

camelCase Konverter: Fragen und Antworten

Was ist camelCase?

camelCase ist eine Schreibweise für Namen aus mehreren Wörtern ohne Leerzeichen. Das erste Wort ist klein, jedes weitere Wort beginnt mit einem Großbuchstaben, wie in firstName oder totalOrderCount. Die Großbuchstaben in der Mitte erinnern an die Höcker eines Kamels, daher der Name.

Was ist der Unterschied zwischen camelCase und PascalCase?

Nur der erste Buchstabe. camelCase beginnt mit einem Kleinbuchstaben (userName), PascalCase mit einem Großbuchstaben (UserName). PascalCase wird manchmal auch Upper Camel Case genannt.

Wie behandelt der Konverter Abkürzungen wie HTML oder ID?

Jedes Wort bekommt einen Großbuchstaben, gefolgt von Kleinbuchstaben. Aus „parse HTML string“ wird parseHtmlString, aus „user ID“ wird userId. Das entspricht der Konvention der meisten aktuellen Styleguides. Schreibt dein Team parseHTMLString, passe diese Namen von Hand an.

Kann ich viele Variablennamen auf einmal umwandeln?

Ja. Schreib jeden Namen in eine eigene Zeile. Jede Zeile wird einzeln umgewandelt und die Zeilenumbrüche bleiben erhalten. Eine Liste mit fünfzig Spaltennamen kommt also als fünfzig Namen in camelCase zurück.

camelCase Konverter

Umwandeln in

Für Code