Konversi case teks adalah proses mengubah pola kapitalisasi huruf atau pemisahan kata dalam sebuah string. Sebuah case converter mengambil input seperti "hello world" dan mengubahnya menjadi UPPERCASE, lowercase, Title Case, camelCase, snake_case, kebab-case, atau konvensi lainnya. Transformasi ini mudah untuk teks ASCII sederhana, tetapi kasus khusus muncul dengan akronim ("XMLParser"), aturan lokal tertentu (huruf I bertitik dalam bahasa Turki), dan string dengan skrip campuran.
Bahasa pemrograman, sistem file, dan panduan gaya masing-masing menerapkan konvensi penamaan tersendiri. Variabel JavaScript umumnya menggunakan camelCase. Fungsi dan variabel Python mengikuti snake_case sesuai PEP 8. Nama kelas CSS menggunakan kebab-case. Kolom database bervariasi per tim, tetapi snake_case mendominasi di PostgreSQL dan MySQL. Beralih antar konvensi ini secara manual lambat dan rawan kesalahan, terutama saat mengganti nama di puluhan file.
Konvensi case juga penting di luar kode. Title Case mengikuti aturan yang ditetapkan oleh panduan gaya seperti Chicago Manual of Style dan APA, di mana artikel dan preposisi pendek tetap huruf kecil kecuali berada di awal kalimat. Sentence case hanya mengkapitalisasi kata pertama dan kata benda khusus. Penerbitan bahasa Inggris Amerika menggunakan Title Case untuk judul berita; sebagian besar dokumentasi Eropa dan teknologi menggunakan Sentence case.
Mengapa Menggunakan Case Converter Ini?
Tempel teks apa pun dan konversi ke sembilan format case secara instan, tanpa perlu memasang ekstensi VS Code atau menulis skrip sekali pakai.
⚡
Konversi Instan
Pilih format case dan lihat hasilnya secara langsung. Tidak perlu menunggu respons server. Beralih antar format untuk membandingkan output secara berdampingan.
🔒
Pemrosesan Mengutamakan Privasi
Semua transformasi berjalan di browser menggunakan JavaScript. Teks Anda tetap berada di perangkat Anda. Tidak ada yang dikirimkan ke server atau disimpan di mana pun.
🔄
Sembilan Format dalam Satu Alat
UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, kebab-case, dan CONSTANT_CASE. Satu input mencakup semua konvensi yang umum.
🌍
Tanpa Akun
Buka halaman dan mulai mengonversi. Tanpa pendaftaran, ekstensi browser, atau instalasi di komputer. Berfungsi di perangkat apa pun dengan browser modern.
Kasus Penggunaan Case Converter
Pengembangan Frontend
Konversi nama prop komponen dari respons API snake_case menjadi camelCase untuk objek JavaScript. Ubah nama kelas CSS dari camelCase ke kebab-case saat bermigrasi ke sistem penamaan BEM atau utility-first.
Desain Backend API
Terjemahkan nama field antar konvensi saat memetakan kolom database (snake_case) ke kunci respons JSON (camelCase). Verifikasi bahwa lapisan serialisasi menghasilkan format output yang diharapkan.
DevOps dan Infrastruktur
Buat nama variabel lingkungan CONSTANT_CASE dari frasa deskriptif. Konversi nama resource Terraform antara snake_case dan kebab-case saat menyesuaikan dengan panduan gaya tim.
QA dan Otomasi Pengujian
Siapkan data fixture pengujian dengan nama field yang casing-nya benar. Temukan ketidaksesuaian casing antara kontrak API dan ekspektasi klien sebelum sampai ke produksi.
Rekayasa Data
Normalisasi header kolom saat mengimpor file CSV atau Excel ke dalam database. Konversi header dengan kapitalisasi campuran seperti "First Name" menjadi kolom snake_case seperti "first_name" untuk desain skema yang konsisten.
Penulisan Teknis dan Dokumentasi
Format referensi kode dalam dokumentasi dengan casing yang benar. Konversi deskripsi bahasa biasa menjadi nama kelas PascalCase atau slug URL kebab-case untuk konsistensi dalam spesifikasi teknis.
Referensi Konvensi Case
Setiap konvensi penamaan memiliki aturan khusus untuk kapitalisasi dan pemisahan kata. Tabel di bawah menunjukkan semua sembilan format yang didukung alat ini, dengan frasa input "the quick brown fox" sebagai referensi.
Case
Aturan
Contoh
UPPERCASE
Every letter capitalized
THE QUICK BROWN FOX
lowercase
Every letter lowercased
the quick brown fox
Title Case
First letter of each word capitalized
The Quick Brown Fox
Sentence case
First letter of each sentence capitalized
The quick brown fox
camelCase
No separators, first word lowercase
theQuickBrownFox
PascalCase
No separators, every word capitalized
TheQuickBrownFox
snake_case
Words joined by underscores, all lowercase
the_quick_brown_fox
kebab-case
Words joined by hyphens, all lowercase
the-quick-brown-fox
CONSTANT_CASE
Words joined by underscores, all uppercase
THE_QUICK_BROWN_FOX
camelCase vs snake_case vs kebab-case
Ketiga konvensi ini mendominasi dalam pengembangan perangkat lunak, tetapi masing-masing berada di ekosistem yang berbeda. Memilih yang salah dapat merusak linter, melanggar kontrak API, atau menghasilkan codebase yang tidak konsisten.
camelCase
Standar untuk variabel, nama fungsi, dan kunci objek JavaScript dan TypeScript. Java dan C# menggunakannya untuk variabel lokal dan parameter method. JSON API yang dibangun untuk klien JavaScript umumnya menggunakan kunci camelCase. Kata pertama huruf kecil; setiap kata berikutnya diawali huruf kapital.
snake_case
Default untuk Python (PEP 8), Ruby, Rust, dan sebagian besar database SQL. Fungsi pustaka standar C juga mengikuti pola ini. Kata dipisahkan oleh garis bawah, semuanya huruf kecil. CONSTANT_CASE (semua huruf kapital dengan garis bawah) adalah variannya yang digunakan untuk konstanta dan variabel lingkungan.
kebab-case
Standar untuk nama kelas CSS, atribut HTML, slug URL, dan nama flag CLI (--output-dir). Umum dalam Lisp dan Clojure. Kata dipisahkan oleh tanda hubung, semuanya huruf kecil. Sebagian besar bahasa pemrograman tidak dapat menggunakan tanda hubung dalam pengenal, sehingga kebab-case terbatas pada string, nama file, dan markup.
Contoh Kode
Cara mengonversi antar konvensi case secara terprogram. Setiap contoh mencakup transformasi yang paling umum: camelCase ke snake_case, snake_case ke camelCase, serta konversi dasar upper/lower/title.
JavaScript
// camelCase → snake_case
function toSnakeCase(str) {
return str
.replace(/([a-z])([A-Z])/g, '$1_$2')
.replace(/[\s-]+/g, '_')
.toLowerCase()
}
toSnakeCase('myVariableName') // → "my_variable_name"
toSnakeCase('kebab-case-str') // → "kebab_case_str"
// snake_case → camelCase
function toCamelCase(str) {
return str
.toLowerCase()
.replace(/[_-](\w)/g, (_, c) => c.toUpperCase())
}
toCamelCase('my_variable_name') // → "myVariableName"
// Title Case
function toTitleCase(str) {
return str.replace(/\w\S*/g, w =>
w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
)
}
toTitleCase('the quick brown fox') // → "The Quick Brown Fox"
Python
import re
text = "the quick brown fox"
# UPPERCASE / lowercase
text.upper() # → "THE QUICK BROWN FOX"
text.lower() # → "the quick brown fox"
# Title Case
text.title() # → "The Quick Brown Fox"
# camelCase
def to_camel(s):
words = re.split(r'[\s_-]+', s)
return words[0].lower() + ''.join(w.capitalize() for w in words[1:])
to_camel("my_variable_name") # → "myVariableName"
# snake_case from camelCase
def to_snake(s):
return re.sub(r'([a-z])([A-Z])', r'\1_\2', s).lower()
to_snake("myVariableName") # → "my_variable_name"
# kebab-case
def to_kebab(s):
return re.sub(r'([a-z])([A-Z])', r'\1-\2', s).replace('_', '-').lower()
to_kebab("myVariableName") # → "my-variable-name"
camelCase diawali huruf kecil (myVariable), sedangkan PascalCase diawali huruf kapital (MyVariable). Dalam JavaScript, camelCase digunakan untuk variabel dan fungsi; PascalCase digunakan untuk nama kelas dan komponen React. C# menggunakan PascalCase untuk method dan properti publik. Satu-satunya perbedaan struktural adalah karakter pertama.
Bagaimana cara mengonversi camelCase ke snake_case di JavaScript?
Sisipkan garis bawah sebelum setiap huruf kapital menggunakan regex, lalu ubah hasilnya menjadi huruf kecil: str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase(). Ini menangani camelCase standar. Untuk string dengan huruf kapital berurutan seperti "XMLParser", diperlukan satu langkah regex tambahan untuk memisahkan rangkaian huruf kapital dengan benar.
Mengapa Python menggunakan snake_case dan bukan camelCase?
PEP 8, panduan gaya resmi Python yang diterbitkan pada 2001, memilih snake_case untuk fungsi dan variabel karena Guido van Rossum dan tim inti menganggapnya lebih mudah dibaca sekilas. Studi seperti yang dilakukan Binkley et al. (2009) menemukan bahwa pengenal snake_case dikenali lebih cepat oleh pemrogram dibandingkan camelCase dalam tugas membaca tertentu. Konvensi ini diterapkan oleh linter seperti flake8 dan pylint.
Apakah Title Case sama dengan mengkapitalisasi setiap kata?
Title Case sederhana mengkapitalisasi huruf pertama setiap kata, dan itulah yang dilakukan alat ini. Title Case formal (AP, Chicago, APA) memiliki aturan tambahan: artikel (a, an, the), konjungsi pendek (and, but, or), dan preposisi pendek (in, on, at) tetap huruf kecil kecuali berada di posisi pertama atau terakhir. Penerapan title case formal memerlukan pencarian kamus, bukan sekadar transformasi karakter.
Apakah alat ini dapat menangani Unicode dan skrip non-Latin?
Alat ini menggunakan metode bawaan JavaScript toUpperCase() dan toLowerCase(), yang mengikuti aturan casing Unicode yang didefinisikan dalam Unicode Standard (Chapter 3, Section 3.13). Ini menangani karakter beraksent (e ke E), eszett Jerman (ss ke SS), dan huruf Yunani dengan benar. Namun, aturan lokal tertentu seperti casing Turki (di mana huruf kecil i seharusnya menjadi İ bertitik, bukan I) bergantung pada pengaturan lokal browser, bukan alat ini.
Untuk apa CONSTANT_CASE digunakan?
CONSTANT_CASE (juga disebut SCREAMING_SNAKE_CASE) digunakan untuk konstanta dan variabel lingkungan. Dalam JavaScript: const MAX_RETRIES = 3. Dalam Python: MAX_RETRIES = 3 (berdasarkan konvensi, karena Python tidak memiliki konstanta sejati). Dalam skrip shell: export DATABASE_URL=.... Gaya semua huruf kapital menandakan bahwa nilai tersebut tidak boleh diubah setelah inisialisasi.
Bagaimana memilih konvensi case yang tepat untuk proyek saya?
Ikuti konvensi dominan untuk bahasa dan framework Anda. JavaScript/TypeScript: camelCase untuk variabel, PascalCase untuk kelas dan komponen. Python: snake_case untuk fungsi dan variabel, PascalCase untuk kelas. CSS: kebab-case. SQL: snake_case untuk kolom dan tabel. Kunci JSON REST API: sesuaikan dengan bahasa frontend Anda (camelCase untuk klien JS, snake_case untuk klien Python). Jika ragu, periksa konfigurasi linter atau .editorconfig di root proyek Anda.