So wandeln Sie kebab-case in camelCase um
Wandeln Sie Namen in kebab-case sofort in camelCase um. Geben Sie einen Variablen-, Funktions- oder Spaltennamen ein und erhalten Sie die camelCase-Version schon während der Eingabe.
- Geben Sie einen Namen in kebab-case wie main-nav-item in das Feld oben ein.
- Die camelCase-Version erscheint sofort: Aus main-nav-item wird mainNavItem.
- Kopieren Sie das Ergebnis oder wählen Sie einen von 17 Namensstilen für Quelle und Ziel.
So funktioniert die Umwandlung
Der Konverter zerlegt den Namen zuerst in Wörter: an jedem Großbuchstaben, Unterstrich, Bindestrich, Punkt und Leerzeichen. Dann schreibt er die Wörter in camelCase: das erste Wort klein, jedes weitere Wort mit Großbuchstaben am Anfang, ohne Trennzeichen. Folgen von Großbuchstaben wie HTTP bleiben als ein Wort zusammen, und Ziffern bleiben an dem Wort, dem sie folgen.
Beispiele: kebab-case in 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 und camelCase erklärt
kebab-case schreibt alle Wörter klein und verbindet sie mit Bindestrichen. Man findet es in URLs, CSS-Klassen, HTML-Attributen und Dateinamen.
camelCase beginnt mit einem kleingeschriebenen Wort und schreibt jedes weitere Wort groß, ohne Trennzeichen. Es ist der Standard für Variablen und Funktionen in JavaScript, Java, C# und Swift.
Häufige Fragen
Was passiert mit Abkürzungen wie HTTP oder ID?
Eine Folge von Großbuchstaben gilt als ein Wort, daher wird parseHTTPResponse in snake_case zu parse_http_response.
Ändert das die Bedeutung meines Codes?
Nein. Es schreibt nur den Namen um. Denken Sie daran, den Namen überall zu ändern, wo er verwendet wird, sonst sucht Ihr Code nach dem alten.
Welchen Stil sollte ich verwenden?
Folgen Sie der Konvention Ihrer Sprache oder Ihres Projekts: camelCase in JavaScript und Java, snake_case in Python, Ruby und SQL, kebab-case in URLs und CSS.
Ist dieses Tool kostenlos?
Ja, es ist kostenlos. Ohne Anmeldung und ohne E-Mail. Ergebnisse direkt auf dieser Seite.
Wie erhalte ich mein Ergebnis?
Nutze das Tool auf dieser Seite. Das Ergebnis erscheint hier und wird nicht per E-Mail zugestellt.