Tukar mana-mana rentetan kepada 11 konvensyen penamaan sekali gus — camelCase, PascalCase, snake_case, kebab-case, dan banyak lagi. Tambah mod kelompok JSON-keys yang menulis semula setiap kunci secara rekursif. Semuanya dalam pelayar anda.
Tukar mana-mana rentetan kepada 11 konvensyen penamaan sekali gus — camelCase, PascalCase, snake_case, kebab-case, dan banyak lagi. Tambah mod kelompok JSON-keys yang menulis semula setiap kunci secara rekursif. Semuanya dalam pelayar anda.
Semuanya adalah cara untuk menulis pengecam berbilang perkataan (atau nama fail, URL, kelas CSS) tanpa ruang. camelCase menggunakan huruf besar untuk setiap perkataan selepas yang pertama (`userFirstName`), digunakan dalam JavaScript, Java, Swift. snake_case menggunakan huruf kecil sepenuhnya dan menyertai dengan garis bawah (`user_first_name`), digunakan dalam Python, Ruby, SQL. kebab-case menggunakan tanda sempang (`user-first-name`), digunakan dalam CSS, HTML, slug URL, bendera baris arahan. PascalCase ialah camelCase dengan huruf pertama juga huruf besar (`UserFirstName`), digunakan untuk nama kelas / jenis dalam banyak bahasa.
Tokeniser menggunakan dua peraturan sempadan: kecil-ke-besar (`a` diikuti oleh `B` = pisah) dan besar-kemudian-Title (urutan huruf besar yang diikuti oleh huruf kecil dipisahkan sebelum huruf besar terakhir). Jadi `XMLHttpRequest` menjadi `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` menjadi `[user, ID, Token]` → `user_id_token`. Ini sepadan dengan apa yang disyorkan oleh kebanyakan panduan gaya bahasa.
Pengecam dan JSON tidak pernah meninggalkan peranti anda. Buka DevTools → Network dan anda akan melihat sifar permintaan keluar semasa penukaran atau salin.
Daripada camelCase / snake_case klasik kepada dot.case / path/case — tambah mod kelompok JSON-keys untuk menamakan semula setiap kunci dalam objek bersarang.
camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, COBOL-CASE, dot.case, path/case, Title Case, Sentence case, UPPERCASE, lowercase. Tampal sekali, lihat setiap output dengan serta-merta.
Memisahkan pengecam dengan betul merentasi semua gaya input — `XMLHttpRequest` → `xml_http_request`, `userIDToken` → `user_id_token`. Mengendalikan akronim, digit, dan pemisah bercampur (_, -, ., /) tanpa kekeliruan.
Tampal objek JSON bersarang dan tulis semula setiap kunci dalam gaya pilihan anda — secara rekursif. Pilihan untuk menukar nilai rentetan juga. Mengekalkan tatasusunan, jenis, dan struktur.
Setiap baris output mempunyai butang salin tersendiri — klik dan nilainya berada dalam papan klip anda. Pengesahan visual; tiada spam toast.
Setiap penukaran berjalan dalam JavaScript pada peranti anda. Tiada pengecam, tiada JSON, tiada aktiviti papan klip yang dihantar. Buka DevTools → Network dan sahkan sifar permintaan keluar.
JavaScript tulen, tiada runtime kerangka kerja. Muatan sejuk di bawah 25 KB termampat gzip. Kesemua 11 penukaran untuk mana-mana rentetan selesai dalam masa kurang 1 ms.
Dua mod — rentetan tunggal dan kelompok JSON-keys.
Rentetan tunggal untuk satu pengecam atau frasa — taip / tampal sekali, lihat semua 11 output case. Kunci JSON (kelompok) apabila anda perlu menukar setiap kunci dalam respons API atau fail konfigurasi bersarang.
Mod rentetan tunggal menerima sebarang input — `userFirstName`, `user_first_name`, `user-first-name`, `USER FIRST NAME`, malah `XMLHttpRequest`. Tokeniser memisahkannya dengan betul dan menyatukan semula untuk setiap gaya output. Mod JSON menerima sebarang objek JSON yang sah — kedalaman tidak penting.
Dalam mod rentetan tunggal, kesemua 11 output muncul sekali gus — pilih mana-mana yang anda perlukan. Dalam mod JSON, pilih satu case sasaran daripada dropdown; setiap kunci dalam objek ditulis semula dalam gaya itu.
Klik ikon salin di sebelah mana-mana baris output untuk menghantar ke papan klip. Untuk output JSON, salin keseluruhan blok hasil — letakkan terus ke dalam codebase atau klien API anda.
Empat senario biasa di mana menampal sekali dan mendapat setiap gaya mengalahkan penamaan semula tanpa hujung.
Backend memberi anda `user_first_name`; frontend mahukan `userFirstName`. Tampal, salin, tampal — selesai. Gunakan mod kelompok JSON untuk menukar setiap kunci dalam respons API contoh dalam satu langkah (kemudian tulis templat codegen berdasarkan hasilnya).
Memindahkan pustaka Python ke JavaScript? Ambil pengecam snake_case dari sumber Python dan jalankan melalui output camelCase. Letakkan hasilnya ke dalam port JS anda. Tokeniser pintar mengendalikan `__double_underscore` dan digit di hujung tanpa rosak.
Tukar `MY_AWESOME_FEATURE_FLAG` (konvensyen pemboleh ubah env) kepada `myAwesomeFeatureFlag` (pemboleh ubah JS) atau `my_awesome_feature_flag` (Python). Pusingan CONSTANT_CASE / camelCase / snake_case adalah tepat.
BEM mengharapkan kebab-case: `.user-card__avatar--large`. Mendapat nama pemboleh ubah JS dari pereka (`userCardAvatarLarge`)? Tukar dalam satu langkah. Berguna untuk utiliti Tailwind, nama pakej npm, slug URL, dan nama bendera CLI — semuanya lebih suka kebab-case.
Pengecam dan JSON tidak pernah meninggalkan peranti anda. Buka DevTools → Network dan anda akan melihat sifar permintaan keluar semasa penukaran atau salin.
navigator.clipboard.writeText standard; tiada apa-apa yang dilog.
Bacaan pilihan tentang konvensyen penamaan, reka bentuk API, dan refaktor.
Language conventions, framework defaults, and the team-trumps-style rule. With practical examples for JavaScript, Python, Go, Rust, and CSS.
Why most APIs accidentally pick the wrong style — and three patterns (interceptor, codegen, manual) for keeping both sides happy without the bugs.
Semuanya adalah cara untuk menulis pengecam berbilang perkataan (atau nama fail, URL, kelas CSS) tanpa ruang. camelCase menggunakan huruf besar untuk setiap perkataan selepas yang pertama (`userFirstName`), digunakan dalam JavaScript, Java, Swift. snake_case menggunakan huruf kecil sepenuhnya dan menyertai dengan garis bawah (`user_first_name`), digunakan dalam Python, Ruby, SQL. kebab-case menggunakan tanda sempang (`user-first-name`), digunakan dalam CSS, HTML, slug URL, bendera baris arahan. PascalCase ialah camelCase dengan huruf pertama juga huruf besar (`UserFirstName`), digunakan untuk nama kelas / jenis dalam banyak bahasa.
Tokeniser menggunakan dua peraturan sempadan: kecil-ke-besar (`a` diikuti oleh `B` = pisah) dan besar-kemudian-Title (urutan huruf besar yang diikuti oleh huruf kecil dipisahkan sebelum huruf besar terakhir). Jadi `XMLHttpRequest` menjadi `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` menjadi `[user, ID, Token]` → `user_id_token`. Ini sepadan dengan apa yang disyorkan oleh kebanyakan panduan gaya bahasa.
Tampal objek JSON — walaupun yang bersarang dalam — dan pilih gaya case sasaran. Alat ini berjalan melalui keseluruhan pokok secara depth-first, menukar setiap kunci (termasuk kunci dalam tatasusunan), dan mengeluarkan JSON yang dibina semula. Tatasusunan, jenis (number / boolean / null), dan struktur dikekalkan dengan tepat. Togol "Juga tukar nilai rentetan" untuk turut menulis semula kandungan setiap medan bernilai rentetan melalui tokeniser yang sama.
Ikuti konvensyen dominan bahasa anda dahulu, kemudian pasukan anda. Lalai kepada: camelCase untuk JS / Java / Swift / Kotlin / Go (nama yang dieksport menggunakan PascalCase), snake_case untuk lajur Python / Ruby / Rust / SQL, kebab-case untuk kelas CSS / atribut HTML / laluan URL / pakej npm / bendera CLI, SCREAMING_SNAKE_CASE untuk pemboleh ubah persekitaran dan pemalar bahasa. Apabila menukar antara lapisan (snake_case API → camelCase frontend), pilih satu sempadan tunggal dan kekalkan selebihnya sistem secara konsisten.
Tidak. Tokenisasi, setiap penukaran, dan mod kelompok JSON-keys semuanya berjalan sebagai JavaScript dalam pelayar anda. Buka DevTools → Network dan anda akan melihat sifar permintaan keluar semasa penggunaan. Kami menggunakan satu cookie untuk keadaan persetujuan cookie dan satu untuk keutamaan bahasa, itu sahaja.