camelCase to standardowa konwencja nazewnictwa w JavaScript, Java, TypeScript i wielu innych językach. Pierwszy wyraz jest pisany małą literą, a każdy kolejny wyraz zaczyna się wielką literą — bez separatorów: `getUserName`, `maxRetryCount`, `isLoggedIn`.
To narzędzie natychmiast konwertuje dowolny tekst na camelCase. Jeśli przenosisz kod Pythona ze snake_case do JavaScript, konwertujesz właściwości CSS na obiekty stylów JS lub zmieniasz nazwy zmiennych, po prostu wklej tekst i skopiuj. Obsługuje snake_case, kebab-case, PascalCase, kropki, spacje i dowolny mieszany format.
Jak uzywac
1. Wpisz lub wklej dowolny tekst — snake_case, kebab-case, PascalCase lub zwykłe słowa
2. Wynik camelCase pojawia się podświetlony na górze
3. Wszystkie inne formaty wielkości liter są również pokazane poniżej
4. Kliknij "Kopiuj", by skopiować wynik camelCase
Czesto zadawane pytania
Co to jest camelCase?
camelCase to konwencja nazewnictwa, w której pierwszy wyraz jest pisany małą literą, a każdy kolejny wyraz zaczyna się wielką literą, bez separatorów. Przykład: 'getUserName'. Wielkie litery w środku wyglądają jak garby wielbłąda, stąd nazwa.
Jak przekonwertować snake_case na camelCase?
Wklej tekst w snake_case (np. 'get_user_name'), a narzędzie podzieli go na podkreślnikach, zamieni pierwszą literę każdego wyrazu (poza pierwszym) na wielką i połączy, tworząc 'getUserName'.
Kiedy używać camelCase?
Używaj camelCase dla: zmiennych i funkcji JavaScript/TypeScript, zmiennych i metod Java, nazw właściwości JSON (często), propsów React i lokalnych zmiennych C++. Jest to najszerzej stosowana konwencja w rozwoju frontendu.
Jaka jest różnica między camelCase a PascalCase?
camelCase zaczyna się małą literą (getUserName), podczas gdy PascalCase zaczyna się wielką literą (GetUserName). camelCase jest dla zmiennych i funkcji; PascalCase jest dla nazw klas i komponentów React.
Czy camelCase jest używany w CSS?
Nie, CSS używa kebab-case (background-color), ale API DOM JavaScript używa odpowiedników camelCase (backgroundColor). To narzędzie pomaga konwertować między nimi — wklej 'background-color' i otrzymaj 'backgroundColor'.