Konwerter wielkości liter — UPPER, lower, camelCase

Czym jest konwerter wielkości liter?

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

Kluczowe funkcje

Porównanie alternatyw dla konwertera wielkości liter

Przykłady konwersji wielkości liter

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

Jak używać konwertera wielkości liter

1. 1

   Wklej lub wpisz swój tekst

   Kliknij w edytor i wpisz lub wklej dowolny tekst — zdanie, akapit, identyfikator, nagłówek. Każdy wynik aktualizuje się natychmiast. Kliknij Przykład, aby załadować reprezentatywną frazę, jeśli chcesz tylko zobaczyć, jak różnią się formaty.

2. 2

   Skanuj siatkę

   Siedem formatów tekstowych (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm) znajduje się w górnej sekcji. Osiem formatów programistycznych (camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, Header-Case) znajduje się w dolnej sekcji. Każda karta pokazuje swoją etykietę formatu, jednolinijkowy opis i przekonwertowany wynik.

3. 3

   Kliknij Kopiuj na żądanym formacie

   Każda karta wyniku ma własny mały przycisk Kopiuj. Kliknij raz — format trafia do schowka, przycisk miga „Skopiowano!”, a ty jesteś gotowy, aby wkleić gdzie indziej. Bez konieczności wcześniejszego zaznaczania tekstu wyniku.

4. 4

   Przetasuj random case w razie potrzeby

   Jeśli chcesz innego wariantu RaNdOm CaSe dla tego samego tekstu, kliknij Przetasuj w pasku akcji. Zmienia się tylko wynik Random Case; tekst wejściowy i wszystkie inne wyniki pozostają takie same.

5. 5

   Wyczyść po skończeniu

   Kliknij Wyczyść, aby opróżnić edytor i zresetować każdy wynik. Przykład ponownie ładuje tekst demonstracyjny. Wszystkie akcje są natychmiastowe i nigdy nie są wysyłane na serwer.

Częste błędy w konwersji wielkości liter

Wejście: „the quick brown fox jumps over the lazy dog”
Wynik snake_case: the_quick_brown_fox_jumps_over_the_lazy_dog
Wynik: 50-znakowy identyfikator, którego nikt nie chce.

Wejście: „quickBrownFox”
Wynik snake_case: quick_brown_fox
Wynik: czysty trzytokenowy identyfikator.

Wejście: „a tale of two cities”
Title Case tego narzędzia: A Tale Of Two Cities
Oczekiwane (styl AP): A Tale of Two Cities

Użyj tego narzędzia do ogólnej kapitalizacji.
Użyj narzędzia w stylu AP do tytułów redakcyjnych.
Różne narzędzia, różne konwencje.

Wejście: XMLHttpRequest
Wynik PascalCase: XmlHttpRequest
Oczekiwane (zachowany akronim): XMLHttpRequest

Zaakceptuj akronim w Title Case, LUB
Ręcznie zachowaj akronim po konwersji, LUB
Użyj tokenizera, który respektuje wskazówki o akronimach.

Wejście: https://example.com/api/users
Wynik snake_case: https_example_com_api_users
Wynik: to już nie jest URL.

Wejście: https://example.com/api/users
Zostaw URL-e w spokoju — są już we właściwym formacie.
Do wyodrębnienia slugu sparsuj ścieżkę URL ręcznie.

Cel: „ustaw zmienną user.profile.image”
Użycie wyniku dot.case jako nazwy zmiennej: `user.profile.image`
W większości języków to dostęp do właściwości, nie identyfikator.

Dla pojedynczej zmiennej: userProfileImage (camelCase).
Dla klucza z przestrzenią nazw: user.profile.image (dot.case jest poprawny).
Dopasuj format do składni docelowej.

Wejście: „e.g. this is an example. Read more.”
Wynik Sentence case: „E.g. This is an example. Read more.”
`g.` zostało błędnie potraktowane jako terminator zdania.

Najpierw uruchom sentence case, potem ręcznie popraw kilka przypadków granicznych skrótów.
Lub przeformułuj, aby uniknąć kropek wewnątrz zdania.
(Wykrywanie zdań klasy NLP to osobna kategoria narzędzi.)

Kto używa tego narzędzia

Deweloperzy zmieniający nazwy identyfikatorów między językami

Migracja zmiennej JS na nazwę Python snake_case lub klasy CSS na komponent React PascalCase lub zmiennej środowiskowej na stałą konfiguracyjną. Wklej nazwę źródłową raz, skopiuj właściwy wynik — bez ręcznej konwersji litera po literze.

Backend devs tłumaczący nazwy nagłówków

Nagłówki HTTP, takie jak Content-Type, Access-Control-Allow-Origin, X-Forwarded-For, mają określone pisownie Header-Case. Wklej nazwę właściwości JS w camelCase, skopiuj kanoniczną formę nagłówka — działa dla opcji fetch(), middleware serwera i konfiguracji proxy.

Pisarze usuwający ton ALL-CAPS z e-maili

Przekazane e-maile i wiadomości czatu pisane wielkimi literami czytane są jako krzyk. Wklej je w Sentence case, aby rozładować ton, lub Title Case, aby zachować dopracowany styl nagłówkowy. Białe znaki i interpunkcja przetrwają nienaruszone.

Marketerzy piszący nagłówki

Title Case do nagłówków, Sentence case do tekstu głównego i podpisów — konwencja zalecana przez większość nowoczesnych przewodników stylistycznych (AP, Google, Apple). Zobacz oba naraz, aby porównać, który pasuje do umieszczenia.

Specjaliści SEO generujący slugi URL

kebab-case to konwencja slugu URL, której oczekuje każdy CMS. Wklej tytuł strony z interpunkcją i kapitalizacją, skopiuj wynik kebab-case — gotowy do wstawienia w pole slugu WordPress, Ghost lub Hugo. Tokenizer czysto usuwa interpunkcję.

Administratorzy DB nazywający kolumny i tabele

snake_case dla nazw kolumn i tabel to uniwersalna konwencja w PostgreSQL, MySQL, SQLite i większości ORM. Wklej etykietę czytelną dla człowieka lub nazwę pola API w camelCase, skopiuj wersję snake_case.

Frontend devs piszący klasy CSS

kebab-case dla nazw klas to konwencja specyfikacji CSS (BEM, narzędzia Tailwind i większość systemów projektowych). Wklej nazwę komponentu JS w camelCase, skopiuj wersję kebab-case do pasującego modułu CSS.

Twórcy memów i entuzjaści sarkazmu

aLtErNaTiNg cAsE i RaNdOm CaSe to formaty memu Spongebob używane do kpienia lub sarkastycznego cytowania. Przetasuj ponownie losuje wariant losowy bez zmiany wejścia — generuj kilka, dopóki jeden nie będzie pasował.

Reguły tokenizacji i konwersji

Reguły tokenizacji

Tokeny są wyodrębniane przez wstawianie spacji na czterech granicach: mała-na-wielką (parseHTML → parse HTML), wielka-na-wielką-na-małą (XMLHttp → XML Http), litera-na-cyfrę (file2 → file 2) i cyfra-na-literę (2x → 2 x). Następnie typowe separatory (białe znaki, myślnik, podkreślenie, kropka, ukośnik, ukośnik wsteczny) są zwijane do pojedynczych spacji. Powstałe tokeny są dzielone, przycinane, a puste pomijane. To pasuje do konwencji lodash i paczki change-case.

Wyniki formatów programistycznych usuwają interpunkcję

camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case i Header-Case wszystkie produkują czyste identyfikatory — interpunkcja w wejściu (przecinki, kropki, nawiasy) jest usuwana, ponieważ nie może pojawiać się w identyfikatorach większości języków. Jeśli potrzebujesz zachować interpunkcję, użyj jednego z wyników tekstowych (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm).

Wyniki formatów tekstowych zachowują wszystko

UPPERCASE, lowercase, Title Case, Sentence case, iNVERSE cASE, aLtErNaTiNg cAsE i RaNdOm CaSe zachowują białe znaki, podziały linii i interpunkcję. Wklej dokument wieloakapitowy, a struktura przetrwa — zmienia się tylko wielkość liter. Te transformacje działają znak po znaku bez tokenizacji.

Title Case (wariant naiwny)

Title Case w tym narzędziu kapitalizuje pierwszą literę każdego oddzielonego białymi znakami słowa i sprowadza resztę do małych liter. Przewodniki APA, Chicago i AP zalecają stosowanie małych liter dla krótkich rodzajników i przyimków (a, an, the, of, in, for); te warianty różnią się na tyle, że uzasadniają dedykowane narzędzie. Użyj tego Title Case do ogólnej kapitalizacji; użyj narzędzia specyficznego dla nagłówków do nagłówków w stylu AP.

Wykrywanie granic Sentence case

Sentence case sprowadza wszystko do małych liter, następnie kapitalizuje pierwszą literę wejścia i pierwszą literę po dowolnym terminatorze zdania (. ! ? 。 ！ ？) poprzedzonym białym znakiem. Detektor nie próbuje rozróżniać skrótów takich jak „Mr.” czy „U.S.A.” — fałszywe pozytywy są tam bardziej hałaśliwe niż rzadkie przeoczone przypadki.

Alternating Case używa globalnego przełącznika

aLtErNaTiNg cAsE przełącza się między małą a wielką dla każdej litery, z globalnym przełącznikiem, który przechodzi przez granice słów. Znaki nielitery nie przesuwają przełącznika. To pasuje do konwencji używanej przez convertcase.net i inne generatory memów — przewidywalne i odtwarzalne dla tego samego wejścia.

Random Case używa Math.random()

RaNdOm CaSe wykonuje niezależny rzut monetą per litera używając Math.random(). Każde kliknięcie Przetasuj produkuje inny wynik. Źródło losowości nie jest kryptograficznie silne; jest w porządku dla nieformalnego tekstu, ale nie używaj go do generowania haseł (użyj dedykowanego generatora haseł).

Mapowania wielkości liter świadome Unicode i locale

Używa `toLocaleLowerCase()` i `toLocaleUpperCase()`, więc tureckie İ/ı z kropką i bez, niemieckie ß (przechodzące na SS w standardowej obsłudze) i inne mapowania wrażliwe na locale obsługują się poprawnie. Tokenizacja używa \p{L} do rozpoznawania liter z dowolnego pisma. Wyniki formatów programistycznych domyślnie używają znaków identyfikatora ASCII dla kompatybilności międzyjęzykowej.

Najlepsze praktyki wyboru formatu

Wybierz format, który pasuje do twojej bazy kodu

Właściwy format nazwy zmiennej to nie najpiękniejszy — to ten, którego już używa twoja baza kodu. JavaScript i Java: camelCase dla zmiennych i metod, PascalCase dla klas. Python, Ruby, Rust: snake_case dla wszystkiego oprócz nazw klas (które są PascalCase). CSS i URL: kebab-case. Zmienne środowiskowe i stałe: CONSTANT_CASE. Dopasuj lokalną konwencję; spójność bije teoretyczną poprawność.

Używaj Sentence case do mikrokopii UI

Systemy projektowe Google, Apple i Microsoft wszystkie ustandaryzowały Sentence case dla etykiet przycisków, pozycji menu, tekstu dialogowego i innej mikrokopii UI przez ostatnią dekadę. Title Case w UI czyta się teraz jako staromodne i lekko krzykliwe. Zachowaj Title Case dla głównych nagłówków, tytułów stron i tytułów książek.

Usuń sprytne cudzysłowy przed wklejeniem

Wklejanie z Microsoft Word, Google Docs lub Apple Notes może wciągnąć sprytne cudzysłowy („”), pauzy (—) i inne znaki typograficzne, które wyglądają identycznie jak ASCII, ale kodują się inaczej. Transformacje wielkości liter obsługują je poprawnie, ale jeśli konwertujesz na identyfikator w formacie programistycznym, najpierw ręcznie zamień je na odpowiedniki ASCII, aby uniknąć niespodzianek w edytorze kodu.

Konwertuj jeden identyfikator naraz dla formatów programistycznych

camelCase, snake_case, kebab-case itd. produkują pojedynczy identyfikator z całego wejścia. Jeśli wkleisz zdanie do snake_case, dostaniesz jeden długi identyfikator — technicznie poprawny, ale rzadko tego, czego chcesz. Do konwersji identyfikatorów wklejaj jedno słowo lub złożenie naraz. Dla tekstu długości akapitu używaj transformacji tekstowych.

Zweryfikuj obieg akronimów w obie strony przed refaktoryzacją

XMLHttpRequest → xml_http_request → XmlHttpRequest to standardowy obieg w obie strony; akronim staje się w Title Case w drodze powrotnej. Jeśli twoja baza kodu zachowuje oryginalną kapitalizację akronimu (XmlHttpRequest pozostaje jako XMLHttpRequest), obieg w obie strony nie pasuje dokładnie. Sprawdź wyrywkowo kilka konwersji przed wykonaniem zmiany nazwy w całym projekcie.

Używaj Header-Case dla HTTP/1.1, kebab-case dla HTTP/2

HTTP/1.1 nie rozróżnia wielkości liter dla nazw nagłówków, ale Header-Case (Content-Type, X-Forwarded-For) to konwencjonalna pisownia czytelna dla człowieka, której wszyscy używają. HTTP/2 wyraźnie wymaga nazw nagłówków małymi literami — użyj kebab-case dla nich (content-type, x-forwarded-for). W razie wątpliwości kebab-case działa w obu protokołach.

Przetasuj Random Case dla różnorodności, nie dla bezpieczeństwa

Random Case jest zabawny dla memów, ale nie losowy w sensie kryptograficznym — używa Math.random(), które jest w porządku dla wizualnej różnorodności, ale nie do niczego, gdzie losowość ma znaczenie (generowanie haseł, tokeny bezpieczeństwa, testy A/B). Użyj dedykowanego generatora haseł dla kryptograficznej losowości.

Często zadawane pytania