Case converter — UPPERCASE, lowercase, camelCase & meer

Wat is een case converter?

// 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();
}

Belangrijkste functies

Case converter-alternatieven vergeleken

Voorbeelden van case-conversie

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

Zo gebruik je de case converter

1. 1

   Plak of typ je tekst

   Klik in het invoerveld en typ, of plak tekst — een zin, een alinea, een identifier, een kop. Elke case-output updatet direct. Klik op Voorbeeld om een representatieve zin te laden als je gewoon wilt zien hoe de cases van elkaar verschillen.

2. 2

   Scan de grid

   De zeven text cases (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm) staan in de bovenste sectie. De acht programming cases (camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, Header-Case) staan in de onderste sectie. Elke kaart toont zijn case-label, een beschrijving van één regel, en de geconverteerde output.

3. 3

   Klik op Kopiëren bij de case die je wilt

   Elke output-kaart heeft een eigen kleine Kopiëren-knop. Klik één keer — de case komt op je klembord, de knop flitst "Gekopieerd!", en je bent klaar om ergens anders te plakken. Je hoeft de output-tekst niet eerst te selecteren.

4. 4

   Schud de random case opnieuw als dat nodig is

   Wil je een andere RaNdOm CaSe-variant voor dezelfde tekst, klik dan op Opnieuw schudden in de actiebalk. Alleen de Random Case-output verandert; de invoertekst en alle andere outputs blijven hetzelfde.

5. 5

   Wis wanneer je klaar bent

   Klik op Wissen om het invoerveld te legen en elke output te resetten. Voorbeeld laadt de demo-tekst opnieuw. Alle acties zijn direct en worden nooit naar een server gestuurd.

Veelvoorkomende case-conversie-fouten

Invoer: "the quick brown fox jumps over the lazy dog"
snake_case output: the_quick_brown_fox_jumps_over_the_lazy_dog
Resultaat: een identifier van 50 tekens die niemand wil.

Invoer: "quickBrownFox"
snake_case output: quick_brown_fox
Resultaat: een schone identifier met drie tokens.

Invoer: "a tale of two cities"
Title Case van deze tool: A Tale Of Two Cities
Verwacht (AP-stijl): A Tale of Two Cities

Gebruik deze tool voor algemene hoofdletters.
Gebruik een AP-stijl koptekst-tool voor redactionele titels.
Verschillende tools, verschillende conventies.

Invoer: XMLHttpRequest
PascalCase output: XmlHttpRequest
Verwacht (acroniem behouden): XMLHttpRequest

Accepteer het title-cased acroniem, OF
Behoud het acroniem handmatig na conversie, OF
Gebruik een tokenizer die acroniem-hints respecteert.

Invoer: https://example.com/api/users
snake_case output: https_example_com_api_users
Resultaat: geen URL meer.

Invoer: https://example.com/api/users
Laat URL's met rust — ze staan al in het juiste formaat.
Voor slug-extractie parse je het URL-pad handmatig.

Doel: "stel de user.profile.image variabele in"
dot.case-output als variabele-naam: `user.profile.image`
In de meeste talen is dit property-access, geen identifier.

Voor één variabele: userProfileImage (camelCase).
Voor een namespaced key: user.profile.image (dot.case is correct).
Match de case aan de doel-syntax.

Invoer: "e.g. this is an example. Read more."
Sentence case-output: "E.g. This is an example. Read more."
De `g.` werd ten onrechte als zinsafsluiter behandeld.

Draai eerst sentence case, fix daarna de paar afkortings-randgevallen met de hand.
Of herformuleer om zin-interne punten te vermijden.
(NLP-grade zin-detectie is een aparte tool-categorie.)

Wie gebruikt deze tool

Ontwikkelaars die identifiers hernoemen over talen heen

Een JS-variabele migreren naar een Python snake_case-naam, of een CSS-class naar een React PascalCase-component, of een omgevingsvariabele naar een config-constante. Plak de bronnaam één keer, kopieer de juiste output — geen handmatige letter-voor-letter conversie.

Backend-ontwikkelaars die header-namen vertalen

HTTP-headers zoals Content-Type, Access-Control-Allow-Origin, X-Forwarded-For hebben specifieke Header-Case-spellingen. Plak een camelCase JS property-naam, kopieer de canonieke header-vorm — werkt voor fetch() options, server-middleware en proxy-configuraties.

Schrijvers die ALL-CAPS e-mailtoon verwijderen

Doorgestuurde all-caps e-mails en chat-berichten lezen als geschreeuw. Plak ze in Sentence case om de toon te ontwapenen, of Title Case om een verzorgde-kop-uitstraling te behouden. Witruimte en leestekens blijven intact.

Marketeers die koppen opstellen

Title Case voor koppen, Sentence case voor bodytext en bijschriften — de conventie die de meeste moderne stijlgidsen (AP, Google, Apple) aanbevelen. Zie beide tegelijk om te vergelijken welke past bij de plaatsing.

SEO-specialisten die URL-slugs genereren

kebab-case is de URL-slug-conventie die elk CMS verwacht. Plak een pagina-titel met leestekens en hoofdletters, kopieer de kebab-case-output — klaar voor een WordPress-, Ghost- of Hugo-slug-veld. De tokenizer strip leestekens schoon.

DBA's die kolommen en tabellen benoemen

snake_case voor kolom- en tabelnamen is de universele conventie in PostgreSQL, MySQL, SQLite en de meeste ORM's. Plak een menselijk leesbaar label of een camelCase API-veldnaam, kopieer de snake_case-versie.

Frontend-ontwikkelaars die CSS-classes schrijven

kebab-case voor class-namen is de CSS-spec-conventie (BEM, Tailwind-utilities en de meeste design-systems). Plak een JS-component-naam in camelCase, kopieer de kebab-case-versie voor de bijbehorende CSS-module.

Meme-makers en sarcasme-liefhebbers

aLtErNaTiNg cAsE en RaNdOm CaSe zijn de spongebob-meme-formats die worden gebruikt om sarcastisch te bespotten of citeren. Opnieuw schudden rolt de random variant opnieuw zonder de invoer te wijzigen — genereer er een paar tot er één goed voelt.

Tokenisatie- & conversieregels

Tokenisatie-regels

Tokens worden geëxtraheerd door een spatie in te voegen bij vier grenzen: lower-to-upper (parseHTML → parse HTML), upper-to-upper-to-lower (XMLHttp → XML Http), letter-naar-cijfer (file2 → file 2), en cijfer-naar-letter (2x → 2 x). Daarna worden gangbare scheidingstekens (witruimte, koppelteken, underscore, punt, slash, backslash) samengevoegd tot enkele spaties. De resulterende tokens worden gesplitst, getrimd en lege weggelaten. Dit komt overeen met de lodash- en change-case-pakket-conventies.

Programming-case outputs strippen leestekens

camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case en Header-Case produceren allemaal schone identifiers — leestekens in de invoer (komma's, punten, haakjes) worden weggelaten omdat ze in de meeste taal-identifiers niet kunnen voorkomen. Wil je leestekens behouden, gebruik dan een van de text-case outputs (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm).

Text-case outputs behouden alles

UPPERCASE, lowercase, Title Case, Sentence case, iNVERSE cASE, aLtErNaTiNg cAsE en RaNdOm CaSe behouden allemaal witruimte, regelafbrekingen en leestekens. Plak een document met meerdere alinea's en de structuur overleeft — alleen de letter-case verandert. Deze transformaties werken teken voor teken zonder tokenisatie.

Title Case (naïeve variant)

Title Case in deze tool zet de eerste letter van elk door witruimte gescheiden woord met een hoofdletter en zet de rest in lowercase. APA-, Chicago- en AP-stijlgidsen raden aan korte lidwoorden en voorzetsels (a, an, the, of, in, for) in lowercase te zetten; die varianten verschillen genoeg om een aparte tool te rechtvaardigen. Gebruik deze Title Case voor algemene hoofdletter-gebruik; gebruik een koptekst-specifieke tool voor AP-stijl koppen.

Sentence case grens-detectie

Sentence case zet alles in lowercase en zet daarna de eerste letter van de invoer en de eerste letter na elke zinsafsluiter (. ! ? 。 ！ ？) gevolgd door witruimte met een hoofdletter. De detector probeert geen afkortingen zoals Mr. of U.S.A. te disambigueren — valse positieven daar zijn rumoeriger dan de zeldzame gemiste case.

Alternating case gebruikt een globale toggle

aLtErNaTiNg cAsE wisselt tussen lower en upper voor elke letter, met een globale toggle die over woordgrenzen heen loopt. Niet-letter-tekens schuiven de toggle niet door. Dit komt overeen met de conventie van convertcase.net en andere meme-generators — voorspelbaar en reproduceerbaar voor dezelfde invoer.

Random case gebruikt Math.random()

RaNdOm CaSe draait een onafhankelijke muntworp per letter met Math.random(). Elke klik op Opnieuw schudden produceert een ander resultaat. De random-bron is niet cryptografisch sterk; prima voor informele tekst, maar gebruik het niet voor wachtwoordgeneratie (gebruik daarvoor de speciale wachtwoord-generator).

Unicode- en locale-bewuste case-mappings

Gebruikt `toLocaleLowerCase()` en `toLocaleUpperCase()` zodat de Turkse gepunte/punt-loze İ/ı, de Duitse ß (die in standaard-verwerking als SS in hoofdletters komt) en andere locale-gevoelige case-mappings correct worden verwerkt. Tokenisatie gebruikt \p{L} om letters uit elk schrift te herkennen. Programming-case outputs vallen standaard terug op ASCII-identifier-tekens voor cross-language compatibiliteit.

Aanbevolen aanpak voor het kiezen van een case

Kies de case die bij je codebase past

De juiste case voor een variabele-naam is niet de mooiste — het is degene die je codebase al gebruikt. JavaScript en Java: camelCase voor variabelen en methodes, PascalCase voor classes. Python, Ruby, Rust: snake_case voor alles behalve class-namen (die zijn PascalCase). CSS en URL's: kebab-case. Omgevingsvariabelen en constanten: CONSTANT_CASE. Match de lokale conventie; consistentie wint van theoretische correctheid.

Gebruik Sentence case voor UI-microcopy

De design-systems van Google, Apple en Microsoft zijn het afgelopen decennium allemaal gestandaardiseerd op Sentence case voor knoplabels, menu-items, dialoog-tekst en andere UI-microcopy. Title Case in UI leest nu als ouderwets en licht schreeuwerig. Bewaar Title Case voor primaire koppen, pagina-titels en boektitels.

Strip slimme aanhalingstekens voor het plakken

Plakken vanuit Microsoft Word, Google Docs of Apple Notes kan slimme aanhalingstekens (“”), em-dashes (—) en andere typografische tekens meebrengen die er identiek uitzien aan ASCII maar anders worden gecodeerd. De case-transformaties verwerken ze correct, maar converteer je naar een programming-case identifier, vervang ze dan eerst handmatig door ASCII-equivalenten om verrassingen in je code-editor te voorkomen.

Converteer één identifier tegelijk voor programming cases

camelCase, snake_case, kebab-case, enz. produceren één identifier vanuit de hele invoer. Plak je een zin in snake_case, dan krijg je één lange identifier — technisch correct maar zelden wat je wilt. Plak voor identifier-conversie één woord of samenstelling tegelijk. Voor tekst van alinea-lengte gebruik je de text-case transformaties.

Verifieer acroniem-round-trips voor je refactort

XMLHttpRequest → xml_http_request → XmlHttpRequest is de standaard round-trip; het acroniem wordt op de terugweg title-cased. Behoudt je codebase de originele acroniem-hoofdletter (XmlHttpRequest blijft XMLHttpRequest), dan komt de round-trip niet exact overeen. Spot-check een paar conversies voordat je een project-brede hernoeming doet.

Gebruik Header-Case voor HTTP/1.1, kebab-case voor HTTP/2

HTTP/1.1 is case-insensitive voor header-namen, maar Header-Case (Content-Type, X-Forwarded-For) is de conventionele menselijke leesvorm die iedereen gebruikt. HTTP/2 vereist expliciet lowercase header-namen — gebruik kebab-case daarvoor (content-type, x-forwarded-for). Bij twijfel werkt kebab-case in beide protocollen.

Opnieuw schudden voor variatie, niet voor security

Random Case is leuk voor memes, maar niet random in cryptografische zin — hij gebruikt Math.random(), wat prima is voor visuele variatie, maar niet voor iets waarbij randomness ertoe doet (wachtwoordgeneratie, security-tokens, A/B-testing). Gebruik de speciale wachtwoord-generator voor cryptografische randomness.

Veelgestelde vragen