Menu

Zmiana wielkości liter

Zamieniaj tekst między camelCase, snake_case, kebab-case i innymi formatami.

Autor: Nethanel Bar, Co-founder & CEO

Ostatnia aktualizacja

Chcesz naprawdę nauczyć się programować?

Coddy uczy cię przez pisanie prawdziwego kodu w przeglądarce: interaktywne lekcje, natychmiastowa informacja zwrotna i pomoc AI, gdy utkniesz.

Czym jest konwerter wielkości liter?

Konwerter wielkości liter bierze frazę lub identyfikator i zapisuje go w każdym popularnym stylu nazewnictwa: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, Sentence case i innych. Programiści używają go bez przerwy: przy zmianie nazw zmiennych, tworzeniu nazw kolumn w bazie danych, pisaniu nazw pól API zgodnych z przewodnikiem stylu i zamienianiu tekstu wpisanego przez użytkownika na slugi URL.

Różne ekosystemy wolą różne style. JavaScript i Java lubią camelCase, Python i Ruby snake_case, klasy CSS i adresy URL używają kebab-case, a zmienne środowiskowe i stałe CONSTANT_CASE. Konwerter pozwala zamienić frazę na właściwy styl bez przerabiania jej w głowie znak po znaku.

Najtrudniejsze nie jest przepisywanie, tylko *tokenizacja*. Konwerter musi najpierw podzielić mieszane dane, takie jak XMLHttpRequest, iOSDevice czy read_HTML5Tags, na właściwe słowa, a dopiero potem połączyć je w wybranym stylu. Dobre tokenizery sprawnie radzą sobie z akronimami (XML, iOS) i cyframi.

Czego nauczysz się, zmieniając wielkość liter

  • Każda społeczność językowa ma swój ulubiony styl. Trzymaj się konwencji kodu, w którym piszesz.
  • Tokenizacja dzieli mieszane dane na wielkich literach, separatorach (_ - .) i granicach cyfr, zanim połączy je ponownie.
  • Akronimy sprawiają, że zamiana staje się niejednoznaczna: czy XMLParser ma wrócić jako xmlParser, czy xMLParser? Wybierz konwencję używaną w twoim kodzie i trzymaj się jej.
  • Slugi URL wymagają małych liter w kebab-case, usunięcia znaków diakrytycznych (café → cafe) i ograniczonego zestawu znaków (litery, cyfry, łączniki).

Jak krok po kroku zmienić wielkość liter

  1. Wklej tekst

    Wklej pojedynczą frazę, identyfikator albo całą listę. Mieszane dane, czyli camelCase, snake_case i spacje, nie są problemem.

  2. Zobacz wszystkie warianty naraz

    Konwerter pokazuje dane zapisane w ponad 10 stylach. Wybierz ten, którego używa twój kod.

  3. Dopracuj przypadki brzegowe

    Przełącz obsługę akronimów, cyfr i znaków specjalnych, jeśli twój przewodnik stylu ma konkretne zasady.

  4. Kliknij, aby skopiować

    Kliknij dowolny wariant, aby skopiować go do schowka. Przydaje się przy refaktoryzacji w wielu plikach i uzupełnianiu specyfikacji OpenAPI.

Style nazewnictwa: ściąga

Jak ta sama fraza wygląda w najpopularniejszych konwencjach nazewnictwa.

StylPrzykładGdzie się go używa
camelCaseuserNameZmienne w JavaScript, metody w Javie
PascalCaseUserNameNazwy klas w większości języków, komponenty React
snake_caseuser_namePython, Ruby, kolumny w bazach danych
SCREAMING_SNAKE_CASEUSER_NAMEStałe, zmienne środowiskowe
kebab-caseuser-nameAdresy URL, klasy CSS, flagi w powłoce
Title CaseUser NameNagłówki, etykiety
Sentence caseUser nameTeksty w interfejsie, proza
Train-CaseUser-NameNagłówki HTTP (X-Request-Id)
dot.caseuser.nameKlucze konfiguracji, ustawienia z przestrzeniami nazw
flatcaseusernameNazwy domen, slugi pakietów

Przykłady zmiany wielkości liter do wypróbowania

Zamień frazę

Dane wejściowe

user profile photo

Warianty

camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO

Te same słowa, pięć stylów. Wybierz ten, który pasuje do edytowanego pliku.

Przenieś zmienną z JS do Pythona

JavaScript
const accessTokenExpiresAt = ...;
Python
access_token_expires_at = ...

Większość zespołów trzyma jedną kanoniczną nazwę w modelu domeny i tłumaczy ją na granicy między językami lub warstwami API.

Zamień tytuł na slug URL

Tytuł

10 Best Practices for REST APIs

Slug

10-best-practices-for-rest-apis

Slugi to kebab-case, małe litery i wyłącznie bezpieczne znaki. Służą zarówno jako fragmenty adresów URL, jak i nazwy klas CSS.

Częste błędy przy zmianie wielkości liter

  • Mieszanie stylów w tym samym pliku lub warstwie (userName i user_name w jednym module). Wybierz styl i pilnuj go linterem.
  • Niespójne pisanie akronimów (XmlParser kontra XMLParser). Zdecyduj raz dla całego kodu i trzymaj się tego.
  • Zapominanie, że identyfikatory w bazach danych bywają sprowadzane do jednej wielkości liter: userName i username mogą być tą samą kolumną w PostgreSQL, ale różnymi w MySQL.
  • Tworzenie slugów URL bez normalizacji znaków diakrytycznych i usunięcia symboli. Slugi powinny zawierać tylko litery ASCII, cyfry i łączniki.
  • Ręczna zamiana wielkości liter na długich listach. Konwerter (albo jednolinijkowe lodash.snakeCase()) jest szybszy i mniej podatny na błędy.

Konwerter wielkości liter: FAQ

Czym jest camelCase?
camelCase zaczyna wielką literą każde słowo oprócz pierwszego i łączy je bez separatorów (accessTokenExpiresAt). To dominujący styl dla zmiennych i metod w JavaScript i Javie.
Czym jest snake_case?
snake_case zapisuje każde słowo małymi literami i łączy je podkreśleniami (access_token_expires_at). To styl idiomatyczny w Pythonie, Ruby i w nazwach kolumn większości relacyjnych baz danych.
Czym różni się PascalCase od camelCase?
Oba zaczynają wielką literą każde kolejne słowo. Różnica dotyczy pierwszej litery: PascalCase pisze ją wielką (UserProfile), a camelCase małą (userProfile). W większości ekosystemów PascalCase jest zarezerwowany dla nazw klas i komponentów React.
Jak zamienić tekst na bezpieczny slug URL?
Zamień litery na małe, spacje i podkreślenia na łączniki, usuń znaki diakrytyczne (é → e) i wszystkie znaki, które nie są literami, cyframi ani łącznikami. Większość konwerterów ma tryb slugify, który robi to wszystko w jednym kroku.
Używać w projekcie camelCase czy snake_case?
Dopasuj się do języka: camelCase dla JavaScript, Javy i Swifta, snake_case dla Pythona, Ruby i Rusta. W obrębie jednego kodu spójność jest ważniejsza niż sam wybór, a linter (ESLint, Pylint, Rubocop) pomoże jej pilnować.

Dowiedz się więcej

Inne narzędzia dla programistów

Ilustracja języków programowania w Coddy

Ucz się programowania z Coddy

ZACZNIJ