Preskoči na glavni sadržaj

Kako pretvoriti tekst u camelCase, snake_case, kebab-case i PascalCase

Autor: Converty Team

Saznajte kako pretvoriti tekst u camelCase, snake_case, kebab-case i PascalCase bez pretvaranja čišćenja naziva u ručno prepisivanje.

Kako pretvoriti tekst u camelCase, snake_case, kebab-case i PascalCase

Čišćenje naziva jedan je od onih malih poslova koji se pojavljuju na mnogo različitih mjesta. Naziv proizvoda treba postati URL slug. Zaglavlje iz tablice treba postati naziv svojstva. CSS token treba predvidljiv identifikator. Bilješka iz dizajnerske datoteke treba postati nešto što developer može zalijepiti u kod bez ručnog prepisivanja svake riječi.

Težak dio nije razumjeti što znače camelCase, snake_case, kebab-case ili PascalCase. Težak dio je primijeniti isto pravilo dosljedno kada izvorni tekst ima razmake, interpunkciju, velika slova i miješane separatore. Tu pomaže fokusirani workflow u alatu Case / Slug / Escape. Zalijepite izvorni tekst jednom, pregledajte case varijante zajedno i kopirajte output koji odgovara sljedećem sustavu.

Zašto je case konverzija važna u stvarnom radu

Case konverzija stoji između pisanja i implementacije. Fraza čitljiva ljudima obično nije naziv prilagođen stroju.

Zamislite feature flag pod nazivom "New Checkout Banner". Product bilješka koristi title case. Kod možda treba newCheckoutBanner. Konfiguracijska datoteka možda očekuje new_checkout_banner. Segment rute ili CSS klasa možda preferira new-checkout-banner. Ista ideja prolazi kroz nekoliko sustava, a svako ručno prepisivanje mala je prilika za drift.

Isti se problem pojavljuje u content operations. Naslov postaje slug. Naziv kampanje postaje tracking ključ. Support label postaje interni identifikator. Ako svaka osoba prepiše naziv drukčije, posao postaje teže pretraživati, uspoređivati i održavati.

Kako pretvoriti tekst u česte case formate

Najbrži workflow je zadržati izvornu frazu vidljivom i generirati vjerojatne outpute jedan uz drugi.

  1. Otvorite alat Case / Slug / Escape.
  2. Zalijepite frazu, label, naslov ili identifikator koji trebate normalizirati.
  3. Usporedite generirane camelCase, PascalCase, snake_case i kebab-case outpute.
  4. Kopirajte oblik koji odgovara odredišnom sustavu.
  5. Zadržite izvornu frazu blizu ako netko kasnije treba potvrditi čitljiv naziv.

To je bolje od ručnog uređivanja separatora jer se pravilo primjenjuje jednom. Ne pogađate treba li riječ ostati velikim slovom ili treba li interpunkcija postati separator. Pretvarate frazu u predvidljive outpute.

Koji case trebate koristiti?

Različiti case stilovi obično odgovaraju različitim odredištima.

FormatČesta uporabaPraktičan razlog
camelCaseJavaScript varijable, objektni ključevi, nazivi UI stanjaKompaktan i čest u frontend kodu
PascalCaseNazivi komponenti, klasa i eksportiranih tipovaDrži imenovane jedinice koda lako čitljivima
snake_casePolja podataka, zaglavlja izvedena iz CSV-a, neki API-jiJasni separatori uz stabilna mala slova
kebab-caseURL slugovi, segmenti ruta, CSS-like labeliČitljiv u putanjama i kontekstima s crticama

Važno je ne tretirati jedan stil kao univerzalno ispravan. Pravi output je onaj koji odgovara mjestu na koje tekst ide sljedeće.

Iskoristite isti prolaz za slugove i escaping

Case čišćenje često se pojavljuje uz drugo čišćenje teksta. Nakon što naslov postane kebab-case, možda treba postati i čist URL slug. Nakon što snippet postane identifikator, povezana vrijednost možda treba URL, HTML ili JSON escaping prije sigurnog lijepljenja negdje drugdje.

Zato Converty drži case, slug i escape outpute zajedno. Alat ne pokušava postati content management system ili code editor. To je kratak operativni korak za pretvaranje sirovog teksta u oblike koje očekuju publishing, routing i implementacija.

Za širi launch workflow koji kombinira slugove s Markdownom i favicon pripremom pročitajte Kako timovi za sadržaj mogu pripremiti slugove, Markdown i favicone za novo lansiranje. Ako je sljedeće pitanje više o kodiranju nego o imenovanju, nastavite s Kada koristiti URL kodiranje, HTML escape i JSON escape.

Otvorite Case / Slug / Escape kada je sljedeći zadatak pretvoriti grubu frazu u predvidljiv identifikator, slug ili escaped string.

Možda će vam se svidjeti