Case Converter

Case Converter

Herhangi bir dizeyi tek seferde 11 adlandırma kuralına dönüştürün — camelCase, PascalCase, snake_case, kebab-case ve daha fazlası. Ayrıca her anahtarı özyinelemeli olarak yeniden yazan bir JSON anahtarları toplu modu. Hepsi tarayıcınızda.

Case Converter — TL;DR

Herhangi bir dizeyi tek seferde 11 adlandırma kuralına dönüştürün — camelCase, PascalCase, snake_case, kebab-case ve daha fazlası. Ayrıca her anahtarı özyinelemeli olarak yeniden yazan bir JSON anahtarları toplu modu. Hepsi tarayıcınızda.

Bunların hepsi çok kelimeli tanımlayıcıları (veya dosya adlarını, URL'leri, CSS sınıflarını) boşluksuz yazmanın yollarıdır. camelCase birinciden sonraki her kelimeyi büyük harfle başlatır (`userFirstName`), JavaScript, Java, Swift'te kullanılır. snake_case her şeyi küçük harfe çevirir ve alt çizgilerle birleştirir (`user_first_name`), Python, Ruby, SQL'de kullanılır. kebab-case tireler kullanır (`user-first-name`), CSS, HTML, URL slug'larında, komut satırı bayraklarında kullanılır. PascalCase ilk harfi de büyük olan camelCase'tir (`UserFirstName`), birçok dilde sınıf / tür adları için kullanılır.

Belirteçleyici iki sınır kuralı kullanır: küçükten-büyüğe (`a`'yı `B` izlerse = böl) ve büyük-sonra-Title (büyük harf dizisini bir küçük harf izlerse, son büyük harften önce bölünür). Bu yüzden `XMLHttpRequest` `[XML, Http, Request]` olur → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` `[user, ID, Token]` olur → `user_id_token`. Bu, çoğu dil stil rehberinin önerdiği şeyle eşleşir.

Tanımlayıcılar ve JSON cihazınızdan asla ayrılmaz. DevTools → Network'ü açın ve dönüşüm veya kopyalama sırasında sıfır giden istek göreceksiniz.

On bir adlandırma kuralı, tek yapıştırma

Klasik camelCase / snake_case'ten dot.case / path/case'e kadar — ayrıca iç içe bir nesnedeki her anahtarı yeniden adlandırmak için bir JSON anahtarları toplu modu.

11 case stili, hepsi aynı anda

camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, COBOL-CASE, dot.case, path/case, Title Case, Sentence case, UPPERCASE, lowercase. Bir kez yapıştırın, tüm çıktıları anında görün.

Akıllı belirteçleme

Tüm giriş stillerinde tanımlayıcıları doğru şekilde böler — `XMLHttpRequest` → `xml_http_request`, `userIDToken` → `user_id_token`. Kısaltmaları, rakamları ve karışık ayırıcıları (_, -, ., /) karıştırmadan işler.

JSON anahtarları toplu mod

İç içe bir JSON nesnesi yapıştırın ve seçtiğiniz stildeki her anahtarı — özyinelemeli olarak — yeniden yazın. İsteğe bağlı olarak dize değerlerini de dönüştürün. Dizileri, türleri ve yapıyı korur.

Tek tıkla kopyalama

Her çıktı satırının kendi kopyalama düğmesi vardır — tıklayın ve değer panonuzdadır. Görsel onay; toast spam'i yok.

Tasarım gereği gizlilik

Her dönüşüm cihazınızda JavaScript olarak çalışır. Hiçbir tanımlayıcı, hiçbir JSON, hiçbir pano etkinliği asla iletilmez. DevTools → Network'ü açın ve sıfır giden istek olduğunu doğrulayın.

Küçük + hızlı

Saf JavaScript, framework runtime yok. Soğuk yükleme gzip'lenmiş 25 KB'nin altındadır. Herhangi bir dize için 11 dönüşümün tamamı 1 ms'nin altında biter.

Dönüştürücü nasıl kullanılır

İki mod — tek dize ve JSON anahtarları toplu.

  1. 1

    Modu seçin

    Bir tanımlayıcı veya cümle için Tek dize — bir kez yazın / yapıştırın, 11 case çıktısının tümünü görün. İç içe bir API yanıtındaki veya yapılandırma dosyasındaki her anahtarı dönüştürmeniz gerektiğinde JSON anahtarları (toplu).

  2. 2

    Girişinizi yapıştırın

    Tek dize modu herhangi bir girişi kabul eder — `userFirstName`, `user_first_name`, `user-first-name`, `USER FIRST NAME`, hatta `XMLHttpRequest`. Belirteçleyici onu doğru şekilde böler ve her çıktı stili için yeniden birleştirir. JSON modu herhangi bir geçerli JSON nesnesini kabul eder — derinlik önemli değildir.

  3. 3

    Bir hedef stil seçin

    Tek dize modunda 11 çıktının tümü aynı anda görünür — hangisini ihtiyacınız varsa onu seçin. JSON modunda, açılır menüden tek bir hedef case seçin; nesnedeki her anahtar bu stilde yeniden yazılır.

  4. 4

    Kopyala ve yapıştır

    Herhangi bir çıktı satırının yanındaki kopyala simgesine tıklayarak panoya gönderin. JSON çıktısı için, tüm sonuç bloğunu kopyalayın — doğrudan kod tabanınıza veya API istemcinize bırakın.

Kod incelemeleri, refactor ve API tesisatı için yapıldı

Bir kez yapıştırıp her stili almanın parmaksız yeniden adlandırmadan üstün olduğu dört yaygın senaryo.

Backend ↔ Frontend sınırı

Backend size `user_first_name` veriyor; frontend `userFirstName` istiyor. Yapıştır, kopyala, yapıştır — tamamdır. Örnek bir API yanıtındaki her anahtarı tek adımda dönüştürmek için JSON toplu modunu kullanın (sonra sonuca göre codegen şablonunu yazın).

Diller arası refactoring

Bir Python kütüphanesini JavaScript'e mi taşıyorsunuz? Python kaynağının snake_case tanımlayıcılarını alın ve camelCase çıktısından geçirin. Sonucu JS portunuza bırakın. Akıllı belirteçleyici `__double_underscore` ve sondaki rakamları bozmadan işler.

ENV değişkenleri ↔ runtime yapılandırma

Bir `MY_AWESOME_FEATURE_FLAG`'i (env var kuralı) `myAwesomeFeatureFlag`'e (JS değişkeni) veya `my_awesome_feature_flag`'e (Python) dönüştürün. CONSTANT_CASE / camelCase / snake_case gidiş-dönüşü kesindir.

CSS / dosya adlandırma

BEM kebab-case bekler: `.user-card__avatar--large`. Tasarımcıdan bir JS değişken adı mı aldınız (`userCardAvatarLarge`)? Tek adımda dönüştürün. Tailwind yardımcıları, npm paket adları, URL slug'ları ve CLI bayrak adları için yararlıdır — hepsi kebab-case'i tercih eder.

%100 özel — tarayıcınızda çalışır

Tanımlayıcılar ve JSON cihazınızdan asla ayrılmaz. DevTools → Network'ü açın ve dönüşüm veya kopyalama sırasında sıfır giden istek göreceksiniz.

  • Tüm belirteçleme, case dönüşümü ve JSON gezintisi makinenizde JavaScript olarak çalışır — sayfa kaynağında görünür.
  • Pano yazımları standart navigator.clipboard.writeText API'sini kullanır; hiçbir şey loglanmaz.
  • Giriş yok, tanımlayıcı değerleri üzerinde telemetri yok, üçüncü taraf API yok. Yalnızca cookie onayı durumu için bir cookie ve dil tercihi için bir cookie kullanıyoruz.

İlgili rehberler

Adlandırma kuralları, API tasarımı ve refactoring üzerine seçilmiş okumalar.

Sık sorulanlar

camelCase, snake_case ve kebab-case arasındaki fark nedir?

Bunların hepsi çok kelimeli tanımlayıcıları (veya dosya adlarını, URL'leri, CSS sınıflarını) boşluksuz yazmanın yollarıdır. camelCase birinciden sonraki her kelimeyi büyük harfle başlatır (`userFirstName`), JavaScript, Java, Swift'te kullanılır. snake_case her şeyi küçük harfe çevirir ve alt çizgilerle birleştirir (`user_first_name`), Python, Ruby, SQL'de kullanılır. kebab-case tireler kullanır (`user-first-name`), CSS, HTML, URL slug'larında, komut satırı bayraklarında kullanılır. PascalCase ilk harfi de büyük olan camelCase'tir (`UserFirstName`), birçok dilde sınıf / tür adları için kullanılır.

Akıllı belirteçleyici kısaltmaları nasıl ele alır?

Belirteçleyici iki sınır kuralı kullanır: küçükten-büyüğe (`a`'yı `B` izlerse = böl) ve büyük-sonra-Title (büyük harf dizisini bir küçük harf izlerse, son büyük harften önce bölünür). Bu yüzden `XMLHttpRequest` `[XML, Http, Request]` olur → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` `[user, ID, Token]` olur → `user_id_token`. Bu, çoğu dil stil rehberinin önerdiği şeyle eşleşir.

JSON anahtarları toplu modu ne yapar?

Bir JSON nesnesi yapıştırın — derinlemesine iç içe geçmiş olsa bile — ve hedef bir case stili seçin. Araç tüm ağacı derinlik öncelikli olarak gezer, her anahtarı (dizi içindeki anahtarlar dahil) dönüştürür ve yeniden oluşturulan JSON'u verir. Diziler, türler (sayı / boolean / null) ve yapı tam olarak korunur. "Dize değerlerini de dönüştür" seçeneğini açarak, her dize değerli alanın içeriğini de aynı belirteçleyici üzerinden ek olarak yeniden yazabilirsiniz.

Projem için hangi kuralı kullanmalıyım?

Önce dilinizin, sonra ekibinizin baskın kuralını izleyin. Varsayılan olarak: JS / Java / Swift / Kotlin / Go için camelCase (dışa aktarılan adlar PascalCase kullanır), Python / Ruby / Rust / SQL sütunları için snake_case, CSS sınıfları / HTML öznitelikleri / URL yolları / npm paketleri / CLI bayrakları için kebab-case, ortam değişkenleri ve dil sabitleri için SCREAMING_SNAKE_CASE. Katmanlar arasında dönüşüm yaparken (snake_case API → camelCase frontend), tek bir sınır seçin ve sistemin geri kalanını tutarlı tutun.

Sunucunuza herhangi bir şey gönderiliyor mu?

Hayır. Belirteçleme, her dönüşüm ve JSON anahtarları toplu modu — hepsi tarayıcınızda JavaScript olarak çalışır. DevTools → Network'ü açın ve kullanım sırasında sıfır giden istek göreceksiniz. cookie onayı durumu için bir cookie ve dil tercihi için bir cookie kullanıyoruz, hepsi bu.