Ubah teks antara camelCase, snake_case, kebab-case, dan lainnya.
Terakhir diperbarui
Coddy mengajarimu dengan menulis kode sungguhan di browser: pelajaran interaktif, umpan balik instan, dan bantuan AI saat kamu buntu.
Case converter mengambil frasa atau identifier lalu menulisnya ulang dalam semua gaya penamaan umum: camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, Title Case, Sentence case, dan lainnya. Developer terus-menerus memakainya: saat refactoring nama variabel, membuat nama kolom database, menulis nama field API yang sesuai style guide, dan mengubah teks dari pengguna menjadi slug URL.
Setiap ekosistem punya case favoritnya sendiri. JavaScript dan Java menyukai camelCase; Python dan Ruby menyukai snake_case; class CSS dan URL memakai kebab-case; environment variable dan konstanta memakai CONSTANT_CASE. Case converter membuatmu bisa mengubah frasa ke gaya yang tepat tanpa mengerjakannya karakter demi karakter di kepala.
Bagian sulitnya bukan menulis ulang, melainkan *tokenisasi*. Case converter harus memecah input campuran seperti XMLHttpRequest, iOSDevice, atau read_HTML5Tags menjadi kata-kata yang benar dulu, baru menggabungkannya lagi dalam gaya yang dipilih. Tokenizer yang cerdas menangani akronim (XML, iOS) dan digit dengan baik.
_ - .), dan batas digit sebelum menggabungkannya lagi.XMLParser seharusnya menjadi xmlParser atau xMLParser? Pilih konvensi yang dipakai codebase-mu dan tetap konsisten.café → cafe), dan himpunan karakter terbatas (huruf, digit, tanda hubung).Masukkan satu frasa, satu identifier, atau seluruh daftar. Input campuran, seperti camelCase, snake_case, atau spasi, tidak masalah.
Konverter menampilkan input yang ditulis ulang dalam lebih dari 10 case. Pilih yang dipakai codebase-mu.
Atur penanganan akronim, digit, dan karakter khusus kalau style guide-mu punya aturan tertentu.
Klik varian mana pun untuk menyalinnya ke clipboard. Berguna saat refactoring di banyak file atau mengisi spesifikasi OpenAPI.
Bagaimana frasa yang sama terlihat dalam konvensi penamaan yang paling umum.
| Gaya | Contoh | Tempat dipakai |
|---|---|---|
camelCase | userName | Variabel JavaScript, method Java |
PascalCase | UserName | Nama class di sebagian besar bahasa, komponen React |
snake_case | user_name | Python, Ruby, kolom database |
SCREAMING_SNAKE_CASE | USER_NAME | Konstanta, environment variable |
kebab-case | user-name | URL, class CSS, flag shell |
Title Case | User Name | Judul, label |
Sentence case | User name | Teks UI, prosa |
Train-Case | User-Name | Header HTTP (X-Request-Id) |
dot.case | user.name | Key konfigurasi, pengaturan dengan namespace |
flatcase | username | Nama domain, slug package |
user profile photo
camelCase: userProfilePhoto · PascalCase: UserProfilePhoto · snake_case: user_profile_photo · kebab-case: user-profile-photo · CONSTANT_CASE: USER_PROFILE_PHOTO
Kata yang sama, lima gaya. Pilih yang cocok dengan file yang sedang kamu edit.
const accessTokenExpiresAt = ...;access_token_expires_at = ...Kebanyakan tim menyimpan satu nama baku di domain model mereka lalu menerjemahkannya di batas antarbahasa atau antarlapisan API.
10 Best Practices for REST APIs
10-best-practices-for-rest-apis
Slug adalah kebab-case, huruf kecil, dan hanya karakter yang aman. Slug juga bisa dipakai sebagai segmen URL dan nama class CSS.
userName dan user_name di modul yang sama). Pilih satu gaya dan tegakkan dengan linter.XmlParser dan XMLParser). Putuskan sekali untuk satu codebase dan patuhi.userName dan username bisa jadi kolom yang sama di PostgreSQL tapi berbeda di MySQL.lodash.snakeCase()) lebih cepat dan lebih sedikit kesalahannya.accessTokenExpiresAt). Ini gaya yang dominan untuk variabel dan method di JavaScript dan Java.access_token_expires_at). Gaya ini lazim di Python, Ruby, dan sebagian besar nama kolom database relasional.UserProfile), camelCase tidak (userProfile). Di sebagian besar ekosistem, PascalCase khusus untuk nama class dan komponen React.é → e), dan buang karakter yang bukan huruf, digit, atau tanda hubung. Kebanyakan case converter punya mode slugify yang melakukan semuanya dalam satu langkah.Ikuti bahasanya: camelCase untuk JavaScript, Java, Swift; snake_case untuk Python, Ruby, Rust. Di dalam satu codebase, konsistensi lebih penting daripada pilihan spesifiknya, dan linter (ESLint, Pylint, Rubocop) akan menjaganya tetap konsisten.
