Mi az a szöveg kis- és nagybetű átalakítás?
A szöveg kis- és nagybetű átalakítás egy bemeneti karakterláncot vesz, és ugyanazokat a szavakat adja ki más betűzési konvencióban. A leggyakoribb célok a camelCase és PascalCase (a legtöbb kapcsos zárójelet használó nyelvben), snake_case és CONSTANT_CASE (Python, Ruby, Rust, C makrók), kebab-case (URL-ek, CSS osztálynevek, HTML attribútumok, npm csomagnevek), dot.case (konfigurációs kulcsok, JavaScript objektum útvonalak), path/case (fájlrendszer-stílusú azonosítók), Title Case és Sentence case (címsorok és próza), plusz a teljes lower case és UPPER CASE.
Hogyan működik a kis- és nagybetű átalakítás?
A bemeneted teljes egészében a böngésződben kerül feldolgozásra egy kis vanília JavaScript tokenizáló és tizenegy kis- és nagybetű formázó segítségével.
- A bemeneted szó szerint beolvasásra kerül a szövegmezőből — minden beillesztett bájt a memóriában marad helyben.
- Egy tokenizáló szétválasztja a bemenetet szóközök, aláhúzások, kötőjelek, pontok és perjelek mentén, majd minden darabot tovább bont a kisbetűs→nagybetűs határoknál és a betű↔számjegy határoknál.
- Az üres tokenek kiszűrésre kerülnek, és a fennmaradó tokenek kisbetűssé válnak a
String.prototype.toLocaleLowerCasesegítségével. - Tizenegy formázó ezután összeállítja a tokeneket minden cél kis- és nagybetű formátumba — camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, dot.case, path/case, Title Case, Sentence case, full lower case és full UPPER CASE.
- A kimenet minden kis- és nagybetű formátum esetén egy sorba kerül az eredmény rácsban; minden sor saját másolás gombbal rendelkezik.
Miért használj kis- és nagybetű váltót?
- Azonosítók átnevezése: nevezz át egy JavaScript változót
user_id-róluserId-ra, egy Python függvénythelloWorld-rőlhello_world-ra, vagy egy Rust konstansotmaxBuffer-rőlMAX_BUFFER-re anélkül, hogy egyenként szerkesztenéd a karaktereket. - Konfigurációs kulcsok átalakítása: fordíts át egy camelCase kulcsokkal teli JSON konfigurációt snake_case YAML-be egy Python szolgáltatáshoz, vagy kebab-case-be egy Helm chart-hoz, egyetlen beillesztéssel.
- Címsorok írása: illessz be egy címsor tervezetet, és olvasd vissza a Title Case formátumot a Sentence Case formátum mellett.
- URL slug-ok generálása: illessz be egy blogbejegyzés címet, és másold ki a kebab-case formátumot egyenesen a CMS-ed slug mezőjébe.
Mik a kis- és nagybetű átalakítás gyakori felhasználásai?
A betűzési konvenciók közötti váltás a szoftvermérnökség, tartalomkészítés és adatmérnökség minden területén felbukkan:
- Kód refaktorálás: azonosítók átnevezése egy kódbázisban, amikor a stílus útmutató változik.
- API adat átalakítás: camelCase JSON kulcsok átalakítása snake_case-be egy Ruby on Rails vagy Django backend számára.
- Címsor és slug készítés: készíts Title Case oldalcímeket, Sentence Case meta leírásokat és kebab-case URL slug-okat ugyanabból a forrás címsorból egy lépésben.
Hogy néz ki egy kis- és nagybetű átalakítás példa?
Illessz be Hello World API szöveget a beviteli mezőbe. Az eredmény rács tizenegy sort jelenít meg egyszerre: helloWorldApi (camelCase), HelloWorldApi (PascalCase), hello_world_api (snake_case), HELLO_WORLD_API (CONSTANT_CASE), hello-world-api (kebab-case), hello.world.api (dot.case), hello/world/api (path/case), Hello World Api (Title Case), Hello world api (Sentence case), hello world api (lower case) és HELLO WORLD API (UPPER CASE).
Ez a böngészőmben fut?
Igen. A tokenizáló és a tizenegy kis- és nagybetű formázó körülbelül 120 sor vanília JavaScript, ami a böngésző lapon belül fut. Semmi sem töltődik fel, nincs szolgáltatás dolgozó, ami proxy-zná a bemenetedet, és az oldal nulla hálózati kérést indít magához az átalakításhoz.
Melyik formátumot használjam változónevekhez?
A nyelvtől és a csapat stílus útmutatójától függ. JavaScript és TypeScript kódbázisok túlnyomórészt camelCase-t használnak változókhoz és függvényekhez, PascalCase-t osztályokhoz és React komponensekhez, CONSTANT_CASE-t környezeti változókhoz. Python (PEP 8), Ruby és Rust a snake_case-t részesítik előnyben változókhoz és függvényekhez.
Hogyan történik a bemenet tokenizálása?
A tokenizáló először szétválasztja a bemenetet bármely szóköz, aláhúzás, kötőjel, pont vagy perjel sorozat mentén. Minden eredmény darabot aztán tovább bont a kisbetűs→nagybetűs határoknál és a betű↔számjegy határoknál.
Mi a helyzet a Unicode / nem ASCII karakterekkel?
A Unicode betűk túlélik az átalakítást. A tokenizáló a String.prototype.toLocaleLowerCase és toLocaleUpperCase metódusokat használja, amelyek tiszteletben tartják a területi beállítás-specifikus betűzési szabályokat.
Ez a kis- és nagybetű váltó egyetlen statikus oldal, ami a tokenizálót és a tizenegy formázót teljes egészében a böngésződben futtatja — nincs külső könyvtár, nincs hálózati hívás átalakításonként, nincs fiók. Illessz be bármilyen szöveget fent, nézd át a tizenegy kis- és nagybetű kimenetet egymás mellett, és másold ki a kívántat.