Case Converter

Case Converter

Konversi string apa pun ke 11 konvensi penamaan sekaligus — camelCase, PascalCase, snake_case, kebab-case, dan lainnya. Plus mode batch JSON-keys yang menulis ulang setiap kunci secara rekursif. Semuanya di browser Anda.

Case Converter — TL;DR

Konversi string apa pun ke 11 konvensi penamaan sekaligus — camelCase, PascalCase, snake_case, kebab-case, dan lainnya. Plus mode batch JSON-keys yang menulis ulang setiap kunci secara rekursif. Semuanya di browser Anda.

Semuanya adalah cara untuk menulis identifier multi-kata (atau nama file, URL, kelas CSS) tanpa spasi. camelCase mengkapitalisasi setiap kata setelah yang pertama (`userFirstName`), digunakan dalam JavaScript, Java, Swift. snake_case menggunakan huruf kecil untuk semua dan menggabungkan dengan garis bawah (`user_first_name`), digunakan dalam Python, Ruby, SQL. kebab-case menggunakan tanda hubung (`user-first-name`), digunakan dalam CSS, HTML, slug URL, flag command-line. PascalCase adalah camelCase dengan huruf pertama juga dikapitalisasi (`UserFirstName`), digunakan untuk nama kelas / tipe dalam banyak bahasa.

Tokeniser menggunakan dua aturan batas: lower-to-upper (`a` diikuti `B` = pisah) dan caps-then-Title (rangkaian huruf kapital diikuti huruf kecil dipisah sebelum kapital terakhir). Jadi `XMLHttpRequest` menjadi `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` menjadi `[user, ID, Token]` → `user_id_token`. Ini sesuai dengan rekomendasi sebagian besar panduan gaya bahasa.

Identifier dan JSON tidak pernah meninggalkan perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama konversi atau penyalinan.

Sebelas konvensi penamaan, satu kali tempel

Dari camelCase / snake_case klasik hingga dot.case / path/case — plus mode batch JSON-keys untuk mengganti nama setiap kunci dalam objek bersarang.

11 gaya case, semuanya sekaligus

camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, COBOL-CASE, dot.case, path/case, Title Case, Sentence case, UPPERCASE, lowercase. Tempel sekali, lihat semua output secara instan.

Tokenisasi cerdas

Memisahkan identifier dengan benar di semua gaya input — `XMLHttpRequest` → `xml_http_request`, `userIDToken` → `user_id_token`. Menangani akronim, digit, dan separator campuran (_, -, ., /) tanpa kebingungan.

Mode batch JSON-keys

Tempel objek JSON bersarang dan tulis ulang setiap kunci dalam gaya pilihan Anda — secara rekursif. Opsional konversi juga nilai string. Mempertahankan array, tipe, dan struktur.

Salin satu klik

Setiap baris output memiliki tombol salin sendiri — klik dan nilainya ada di clipboard Anda. Konfirmasi visual; tanpa spam toast.

Privasi sejak awal

Setiap konversi berjalan dalam JavaScript di perangkat Anda. Tidak ada identifier, tidak ada JSON, tidak ada aktivitas clipboard yang pernah dikirim. Buka DevTools → Network dan verifikasi nol permintaan keluar.

Kecil + cepat

JavaScript murni, tanpa runtime framework. Cold load di bawah 25 KB gzipped. Semua 11 konversi untuk string apa pun selesai dalam waktu kurang dari 1 ms.

Cara menggunakan converter

Dua mode — string tunggal dan batch JSON-keys.

  1. 1

    Pilih mode

    String tunggal untuk satu identifier atau frasa — ketik / tempel sekali, lihat semua 11 output case. JSON keys (batch) ketika Anda perlu mengonversi setiap kunci dalam respons API atau file konfigurasi bersarang.

  2. 2

    Tempel input Anda

    Mode string tunggal menerima input apa pun — `userFirstName`, `user_first_name`, `user-first-name`, `USER FIRST NAME`, bahkan `XMLHttpRequest`. Tokeniser memisahkannya dengan benar dan menggabungkannya kembali untuk setiap gaya output. Mode JSON menerima objek JSON valid apa pun — kedalamannya tidak masalah.

  3. 3

    Pilih gaya target

    Dalam mode string tunggal, semua 11 output muncul sekaligus — pilih yang Anda butuhkan. Dalam mode JSON, pilih satu case target dari dropdown; setiap kunci dalam objek ditulis ulang dalam gaya tersebut.

  4. 4

    Salin dan tempel

    Klik ikon salin di samping baris output mana pun untuk mengirim ke clipboard. Untuk output JSON, salin seluruh blok hasil — langsung tempel ke codebase atau klien API Anda.

Dibuat untuk code review, refactor, dan plumbing API

Empat skenario umum di mana menempel sekali dan mendapatkan setiap gaya mengalahkan penggantian nama manual.

Batas Backend ↔ Frontend

Backend memberi Anda `user_first_name`; frontend menginginkan `userFirstName`. Tempel, salin, tempel — selesai. Gunakan mode batch JSON untuk mengonversi setiap kunci dalam contoh respons API dalam satu langkah (lalu tulis template codegen berdasarkan hasilnya).

Refactoring antar bahasa

Memporting library Python ke JavaScript? Ambil identifier snake_case dari sumber Python dan jalankan melalui output camelCase. Jatuhkan hasilnya ke port JS Anda. Tokeniser cerdas menangani `__double_underscore` dan digit di akhir tanpa rusak.

ENV vars ↔ konfigurasi runtime

Konversi `MY_AWESOME_FEATURE_FLAG` (konvensi env var) ke `myAwesomeFeatureFlag` (variabel JS) atau `my_awesome_feature_flag` (Python). Round-trip CONSTANT_CASE / camelCase / snake_case persis.

CSS / penamaan file

BEM mengharapkan kebab-case: `.user-card__avatar--large`. Mendapat nama variabel JS dari desainer (`userCardAvatarLarge`)? Konversi dalam satu langkah. Berguna untuk utilitas Tailwind, nama paket npm, slug URL, dan nama flag CLI — semuanya lebih menyukai kebab-case.

100% privat — berjalan di browser Anda

Identifier dan JSON tidak pernah meninggalkan perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama konversi atau penyalinan.

  • Semua tokenisasi, konversi case, dan traversal JSON berjalan sebagai JavaScript di mesin Anda — terlihat di sumber halaman.
  • Penulisan clipboard menggunakan API standar navigator.clipboard.writeText; tidak ada yang dicatat.
  • Tanpa login, tanpa telemetri pada nilai identifier, tanpa API pihak ketiga. Kami hanya menggunakan satu cookie untuk status persetujuan cookie dan satu untuk preferensi bahasa.

Panduan terkait

Bacaan pilihan tentang konvensi penamaan, desain API, dan refactoring.

Sering ditanyakan

Apa perbedaan antara camelCase, snake_case, dan kebab-case?

Semuanya adalah cara untuk menulis identifier multi-kata (atau nama file, URL, kelas CSS) tanpa spasi. camelCase mengkapitalisasi setiap kata setelah yang pertama (`userFirstName`), digunakan dalam JavaScript, Java, Swift. snake_case menggunakan huruf kecil untuk semua dan menggabungkan dengan garis bawah (`user_first_name`), digunakan dalam Python, Ruby, SQL. kebab-case menggunakan tanda hubung (`user-first-name`), digunakan dalam CSS, HTML, slug URL, flag command-line. PascalCase adalah camelCase dengan huruf pertama juga dikapitalisasi (`UserFirstName`), digunakan untuk nama kelas / tipe dalam banyak bahasa.

Bagaimana tokeniser cerdas menangani akronim?

Tokeniser menggunakan dua aturan batas: lower-to-upper (`a` diikuti `B` = pisah) dan caps-then-Title (rangkaian huruf kapital diikuti huruf kecil dipisah sebelum kapital terakhir). Jadi `XMLHttpRequest` menjadi `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` menjadi `[user, ID, Token]` → `user_id_token`. Ini sesuai dengan rekomendasi sebagian besar panduan gaya bahasa.

Apa yang dilakukan mode batch JSON-keys?

Tempel objek JSON — bahkan yang bersarang dalam — dan pilih gaya case target. Tool menelusuri seluruh tree secara depth-first, mengonversi setiap kunci (termasuk kunci di dalam array), dan menghasilkan JSON yang dibangun ulang. Array, tipe (number / boolean / null), dan struktur dipertahankan dengan tepat. Aktifkan "Konversi juga nilai string" untuk juga menulis ulang isi setiap field bernilai string melalui tokeniser yang sama.

Konvensi mana yang harus saya gunakan untuk proyek saya?

Ikuti konvensi dominan dari bahasa Anda terlebih dahulu, lalu tim Anda. Default ke: camelCase untuk JS / Java / Swift / Kotlin / Go (nama yang diekspor menggunakan PascalCase), snake_case untuk Python / Ruby / Rust / kolom SQL, kebab-case untuk kelas CSS / atribut HTML / path URL / paket npm / flag CLI, SCREAMING_SNAKE_CASE untuk variabel lingkungan dan konstanta bahasa. Saat mengonversi antar lapisan (snake_case API → camelCase frontend), pilih satu batas dan pertahankan sisa sistem konsisten.

Apakah ada yang dikirim ke server Anda?

Tidak. Tokenisasi, setiap konversi, dan mode batch JSON-keys semuanya berjalan sebagai JavaScript di browser Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama penggunaan. Kami menggunakan satu cookie untuk status persetujuan cookie dan satu untuk preferensi bahasa, hanya itu.