Pengubah Case — UPPERCASE, lowercase, camelCase & Lainnya

Apa Itu Pengubah Case?

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

Fitur Utama

Perbandingan Alternatif Pengubah Case

Contoh Konversi Case

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

Cara Menggunakan Pengubah Case

1. 1

   Tempel atau ketik teks Anda

   Klik ke editor dan ketik, atau tempel teks apa pun — kalimat, paragraf, identifier, judul. Setiap keluaran case diperbarui secara langsung. Klik Contoh untuk memuat frasa representatif jika Anda hanya ingin melihat bagaimana case berbeda.

2. 2

   Pindai grid

   Tujuh case teks (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm) berada di bagian atas. Delapan case pemrograman (camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, Header-Case) berada di bagian bawah. Setiap kartu menampilkan label case-nya, deskripsi satu baris, dan keluaran yang dikonversi.

3. 3

   Klik Salin pada case yang Anda inginkan

   Setiap kartu keluaran memiliki tombol Salin kecil sendiri. Klik sekali — case mendarat di clipboard Anda, tombol berkedip "Tersalin!", dan Anda siap menempel di tempat lain. Tidak perlu menyorot teks keluaran terlebih dahulu.

4. 4

   Acak ulang random case jika perlu

   Jika Anda menginginkan varian RaNdOm CaSe yang berbeda untuk teks yang sama, klik Acak Ulang di bilah aksi. Hanya keluaran Random Case yang berubah; teks masukan dan semua keluaran lain tetap sama.

5. 5

   Bersihkan saat selesai

   Klik Bersihkan untuk mengosongkan editor dan mereset setiap keluaran. Contoh memuat ulang teks demo. Semua aksi instan dan tidak pernah dikirim ke server.

Kesalahan Umum Konversi Case

Masukan: "the quick brown fox jumps over the lazy dog"
Keluaran snake_case: the_quick_brown_fox_jumps_over_the_lazy_dog
Hasil: identifier 50 karakter yang tidak diinginkan siapa pun.

Masukan: "quickBrownFox"
Keluaran snake_case: quick_brown_fox
Hasil: identifier tiga-token yang bersih.

Masukan: "a tale of two cities"
Title Case alat ini: A Tale Of Two Cities
Diharapkan (gaya AP): A Tale of Two Cities

Gunakan alat ini untuk kapitalisasi umum.
Gunakan alat headline gaya AP untuk judul editorial.
Alat berbeda, konvensi berbeda.

Masukan: XMLHttpRequest
Keluaran PascalCase: XmlHttpRequest
Diharapkan (akronim dipertahankan): XMLHttpRequest

Terima akronim title-case, ATAU
Pertahankan akronim secara manual setelah konversi, ATAU
Gunakan tokenizer yang menghormati petunjuk akronim.

Masukan: https://example.com/api/users
Keluaran snake_case: https_example_com_api_users
Hasil: bukan URL lagi.

Masukan: https://example.com/api/users
Biarkan URL — mereka sudah dalam format yang tepat.
Untuk ekstraksi slug, parse jalur URL secara manual.

Tujuan: "setel variabel user.profile.image"
Menggunakan keluaran dot.case sebagai nama variabel: `user.profile.image`
Di sebagian besar bahasa ini adalah akses properti, bukan identifier.

Untuk variabel tunggal: userProfileImage (camelCase).
Untuk kunci namespace: user.profile.image (dot.case benar).
Cocokkan case dengan sintaks target.

Masukan: "e.g. this is an example. Read more."
Keluaran Sentence case: "E.g. This is an example. Read more."
`g.` secara keliru diperlakukan sebagai terminator kalimat.

Jalankan sentence case terlebih dahulu, lalu perbaiki dengan tangan beberapa kasus tepi singkatan.
Atau frasa ulang untuk menghindari titik internal kalimat.
(Deteksi kalimat tingkat-NLP adalah kategori alat terpisah.)

Siapa yang Menggunakan Alat Ini

Developer Mengubah Nama Identifier Lintas Bahasa

Memigrasikan variabel JS ke nama snake_case Python, atau kelas CSS ke komponen PascalCase React, atau variabel lingkungan ke konstanta konfigurasi. Tempel nama sumber sekali, salin keluaran yang tepat — tanpa konversi huruf-demi-huruf manual.

Developer Backend Menerjemahkan Nama Header

Header HTTP seperti Content-Type, Access-Control-Allow-Origin, X-Forwarded-For memiliki ejaan Header-Case yang spesifik. Tempel nama properti JS camelCase, salin bentuk header kanonik — bekerja untuk opsi fetch(), middleware server, dan konfigurasi proxy.

Penulis Menghapus Nada Email ALL-CAPS

Email dan pesan obrolan all-caps yang diteruskan terbaca sebagai teriakan. Tempel ke Sentence case untuk meredakan nada, atau Title Case untuk menjaga nuansa headline yang halus. Whitespace dan tanda baca bertahan utuh.

Marketer Menyusun Headline

Title Case untuk headline, Sentence case untuk body copy dan keterangan — konvensi yang direkomendasikan sebagian besar panduan gaya modern (AP, Google, Apple). Lihat keduanya sekaligus untuk membandingkan mana yang sesuai dengan penempatan.

Spesialis SEO Membuat Slug URL

kebab-case adalah konvensi slug URL yang diharapkan setiap CMS. Tempel judul halaman dengan tanda baca dan kapitalisasi, salin keluaran kebab-case — siap dimasukkan ke field slug WordPress, Ghost, atau Hugo. Tokenizer melucuti tanda baca dengan bersih.

DBA Menamai Kolom dan Tabel

snake_case untuk nama kolom dan tabel adalah konvensi universal lintas PostgreSQL, MySQL, SQLite, dan sebagian besar ORM. Tempel label yang dapat dibaca manusia atau nama field API camelCase, salin versi snake_case.

Developer Frontend Menulis Kelas CSS

kebab-case untuk nama kelas adalah konvensi spesifikasi CSS (BEM, utilitas Tailwind, dan sebagian besar design system). Tempel nama komponen JS dalam camelCase, salin versi kebab-case untuk modul CSS yang cocok.

Pembuat Meme dan Penggemar Sarkasme

aLtErNaTiNg cAsE dan RaNdOm CaSe adalah format spongebob-meme yang digunakan untuk mengejek atau mengutip secara sarkastis. Acak Ulang menggulung ulang varian acak tanpa mengubah masukan — hasilkan beberapa hingga satu terasa tepat.

Aturan Tokenisasi & Konversi

Aturan Tokenisasi

Token diekstraksi dengan menyisipkan spasi pada empat batas: lower-ke-upper (parseHTML → parse HTML), upper-ke-upper-ke-lower (XMLHttp → XML Http), huruf-ke-angka (file2 → file 2), dan angka-ke-huruf (2x → 2 x). Kemudian pemisah umum (whitespace, tanda hubung, garis bawah, titik, garis miring, garis miring terbalik) diciutkan menjadi spasi tunggal. Token yang dihasilkan dipisah, di-trim, dan yang kosong dijatuhkan. Ini cocok dengan konvensi paket lodash dan change-case.

Keluaran Case Pemrograman Melucuti Tanda Baca

camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, dan Header-Case semuanya menghasilkan identifier bersih — tanda baca di masukan (koma, titik, tanda kurung) dijatuhkan karena tidak dapat muncul di sebagian besar identifier bahasa. Jika Anda membutuhkan tanda baca dipertahankan, gunakan salah satu keluaran case teks (UPPERCASE, lowercase, Title, Sentence, iNVERSE, aLtErNaTiNg, RaNdOm).

Keluaran Case Teks Mempertahankan Semuanya

UPPERCASE, lowercase, Title Case, Sentence case, iNVERSE cASE, aLtErNaTiNg cAsE, dan RaNdOm CaSe semuanya mempertahankan whitespace, jeda baris, dan tanda baca. Tempel dokumen multi-paragraf dan strukturnya bertahan — hanya casing huruf yang berubah. Transformasi ini beroperasi karakter-demi-karakter tanpa tokenisasi.

Title Case (Varian Naif)

Title Case di alat ini mengkapitalkan huruf pertama setiap kata yang dipisahkan whitespace dan meng-lowercase sisanya. Panduan gaya APA, Chicago, dan AP merekomendasikan meng-lowercase artikel dan preposisi pendek (a, an, the, of, in, for); varian tersebut cukup berbeda sehingga memerlukan alat khusus. Gunakan Title Case ini untuk kapitalisasi umum; gunakan alat khusus-headline untuk headline gaya AP.

Deteksi Batas Sentence Case

Sentence case mengubah semuanya menjadi huruf kecil, kemudian mengkapitalkan huruf pertama dari masukan dan huruf pertama setelah terminator kalimat apa pun (. ! ? 。 ！ ？) diikuti whitespace. Detektor tidak mencoba memilah singkatan seperti Mr. atau U.S.A. — false positive di sana lebih berisik daripada case yang jarang terlewat.

Alternating Case Menggunakan Toggle Global

aLtErNaTiNg cAsE membalik antara lower dan upper untuk setiap huruf, dengan toggle global yang membawa lintas batas kata. Karakter non-huruf tidak memajukan toggle. Ini cocok dengan konvensi yang digunakan oleh convertcase.net dan generator meme lainnya — dapat diprediksi dan dapat direproduksi untuk masukan yang sama.

Random Case Menggunakan Math.random()

RaNdOm CaSe menjalankan undian koin independen per huruf menggunakan Math.random(). Setiap klik Acak Ulang menghasilkan hasil berbeda. Sumber acak tidak kuat secara kriptografis; baik untuk teks santai tetapi jangan gunakan untuk pembuatan kata sandi (gunakan generator kata sandi khusus untuk itu).

Pemetaan Case Sadar-Unicode dan Locale

Menggunakan `toLocaleLowerCase()` dan `toLocaleUpperCase()` sehingga İ/ı Turki bertitik/tanpa-titik, ß Jerman (di-uppercase menjadi SS dalam penanganan standar), dan pemetaan case sensitif-locale lainnya ditangani dengan benar. Tokenisasi menggunakan \p{L} untuk mengenali huruf dari aksara mana pun. Keluaran case pemrograman secara default ke karakter identifier ASCII untuk kompatibilitas lintas-bahasa.

Praktik Terbaik Memilih Case

Pilih Case yang Cocok dengan Codebase Anda

Case yang tepat untuk nama variabel bukan yang paling cantik — itu yang sudah digunakan codebase Anda. JavaScript dan Java: camelCase untuk variabel dan metode, PascalCase untuk kelas. Python, Ruby, Rust: snake_case untuk semuanya kecuali nama kelas (yang PascalCase). CSS dan URL: kebab-case. Variabel lingkungan dan konstanta: CONSTANT_CASE. Cocokkan dengan konvensi lokal; konsistensi mengalahkan kebenaran teoretis.

Gunakan Sentence Case untuk Microcopy UI

Design system Google, Apple, dan Microsoft semuanya menstandardisasi Sentence case untuk label tombol, item menu, teks dialog, dan microcopy UI lainnya selama dekade terakhir. Title Case di UI sekarang terbaca sebagai kuno dan sedikit berteriak. Simpan Title Case untuk headline utama, judul halaman, dan judul buku.

Lucuti Smart Quote Sebelum Menempel

Menempel dari Microsoft Word, Google Docs, atau Apple Notes dapat menarik smart quote (""), em-dash (—), dan karakter tipografi lain yang terlihat identik dengan ASCII tetapi dikodekan secara berbeda. Transformasi case menanganinya dengan benar, tetapi jika Anda mengonversi ke identifier case pemrograman, ganti secara manual dengan padanan ASCII terlebih dahulu untuk menghindari kejutan di editor kode Anda.

Konversi Satu Identifier Sekaligus untuk Case Pemrograman

camelCase, snake_case, kebab-case, dll. menghasilkan satu identifier dari seluruh masukan. Jika Anda menempel kalimat ke snake_case, Anda mendapatkan satu identifier panjang — secara teknis benar tetapi jarang yang Anda inginkan. Untuk konversi identifier, tempel satu kata atau senyawa pada satu waktu. Untuk teks sepanjang paragraf, gunakan transformasi case teks.

Verifikasi Bolak-Balik Akronim Sebelum Refaktor

XMLHttpRequest → xml_http_request → XmlHttpRequest adalah bolak-balik standar; akronim menjadi title-case dalam perjalanan kembali. Jika codebase Anda mempertahankan kapitalisasi akronim asli (XmlHttpRequest tetap sebagai XMLHttpRequest), bolak-balik tidak akan cocok persis. Periksa beberapa konversi sebelum melakukan penggantian nama seluruh proyek.

Gunakan Header-Case untuk HTTP/1.1, kebab-case untuk HTTP/2

HTTP/1.1 tidak sensitif huruf besar/kecil untuk nama header tetapi Header-Case (Content-Type, X-Forwarded-For) adalah ejaan yang dapat dibaca manusia secara konvensional yang digunakan semua orang. HTTP/2 secara eksplisit memerlukan nama header huruf kecil — gunakan kebab-case untuk itu (content-type, x-forwarded-for). Jika ragu, kebab-case bekerja di kedua protokol.

Acak Ulang Random Case untuk Variasi, Bukan Keamanan

Random Case menyenangkan untuk meme tetapi tidak acak dalam arti kriptografis — ia menggunakan Math.random(), yang baik untuk variasi visual tetapi tidak untuk apa pun di mana keacakan penting (pembuatan kata sandi, token keamanan, pengujian A/B). Gunakan generator kata sandi khusus untuk keacakan kriptografis.

Pertanyaan yang Sering Diajukan