Preskoči na glavno vsebino

Kako pretvoriti besedilo v camelCase, snake_case, kebab-case in PascalCase

Avtor: Converty Team

Naučite se pretvoriti besedilo v camelCase, snake_case, kebab-case in PascalCase, ne da bi čiščenje poimenovanja spremenili v ročno prepisovanje.

Kako pretvoriti besedilo v camelCase, snake_case, kebab-case in PascalCase

Čiščenje poimenovanj je eno tistih majhnih opravil, ki se pojavljajo na mnogih različnih mestih. Ime izdelka mora postati URL slug. Glava preglednice mora postati ime lastnosti. Žeton CSS potrebuje predvidljiv identifikator. Opomba iz oblikovalske datoteke mora postati nekaj, kar lahko razvijalec prilepi v kodo, ne da bi ročno prepisal vsako besedo.

Težji del je nerazumevanje, kaj pomeni camelCase, snake_case, kebab-case ali PascalCase. Težji del je dosledna uporaba istega pravila, ko ima izvorno besedilo presledke, ločila, velike začetnice in mešana ločila. Tu pomaga usmerjen potek dela Case / Slug / Escape. Enkrat prilepite izvorno besedilo, skupaj preglejte različice velikih in malih črk in kopirajte izhod, ki ustreza naslednjemu sistemu.

Zakaj je pretvorba velikih in malih črk pomembna v resničnem delu

Pretvorba velikih in malih črk je med pisanjem in izvajanjem. Človeku prijazen izraz običajno ni strojno prijazno ime.

Predstavljajte si oznako funkcije, imenovano "Nova pasica za blagajno". Opomba o izdelku uporablja velike in male črke naslova. Koda morda potrebuje newCheckoutBanner. Konfiguracijska datoteka morda pričakuje new_checkout_banner. Segment poti ali razred CSS ima morda prednost new-checkout-banner. Ista ideja potuje skozi več sistemov in vsako ročno prepisovanje je majhna priložnost za drift.

Ista težava se kaže pri vsebinskih operacijah. Naslov postane slug. Ime akcije postane ključ za sledenje. Podporna oznaka postane notranji identifikator. Če vsaka oseba prepiše ime drugače, postane delo težje iskati, primerjati in vzdrževati.

Kako pretvoriti besedilo v običajne oblike zapisa velikih in malih črk

Najhitrejši potek dela je ohraniti vidno izvorno besedno zvezo in ustvariti verjetne rezultate drug ob drugem.

  1. Odprite orodje Case / Slug / Escape.
  2. Prilepite frazo, oznako, naslov ali identifikator, ki ga morate normalizirati.
  3. Primerjajte ustvarjene izhode camelCase, PascalCase, snake_case in kebab-case.
  4. Kopirajte obrazec, ki ustreza ciljnemu sistemu.
  5. Izvorno besedno zvezo imejte blizu, če bo nekdo pozneje moral potrditi človeku berljivo ime.

To je bolje kot ročno urejanje ločil, ker se pravilo uporabi enkrat. Ne ugibate, ali naj beseda ostane z veliko začetnico ali naj ločilo postane ločilo. Frazo spreminjate v predvidljive rezultate.

Katere velike in male črke naj uporabite?

Različni slogi ohišij se običajno preslikajo na različne cilje.

OblikaSkupna uporabaPraktičen razlog
camelCaseSpremenljivke JavaScript, ključi objektov, imena stanj uporabniškega vmesnikaKompakten in pogost v kodi sprednjega dela
PascalCaseImena komponent, imena razredov, izvoženi tipiOmogoča preprosto skeniranje poimenovanih kodnih enot
snake_casePodatkovna polja, glave, pridobljene iz CSV, nekateri API-jiJasna ločila s stabilnostjo malih črk
kebab-caseURL slugs, segmenti poti, oznake, podobne CSSBerljivo v poteh in kontekstih z vezaji

Pomemben del ni obravnavanje enega sloga kot univerzalno pravilnega. Pravi izhod je tisti, ki se prilega mestu, kamor se besedilo nadaljuje.

Uporabite isto geslo za slugs in pobeg

Čiščenje velikih in malih črk se pogosto pojavi poleg drugega čiščenja besedila. Ko naslov postane kebab-case, bo morda moral postati tudi čisti URL slug. Ko izrezek postane identifikator, bo sorodna vrednost morda potrebovala ubežni URL, HTML ali JSON, preden jo je mogoče varno prilepiti drugam.

Zato Converty hrani velike in male črke, slug, in ubežne izhode skupaj. Orodje ne poskuša postati sistem za upravljanje vsebine ali urejevalnik kode. To je kratek operativni korak za spreminjanje grobega besedila v oblike, ki jih pričakujejo objavljanje, usmerjanje in implementacija.

Za širši delovni tok zagona, ki združuje slugs s pripravo Markdown in favicon, preberite Kako lahko ekipe za vsebino pripravijo Slugs, Markdown in Favicons za nov zagon. Če se naslednje vprašanje nanaša na kodiranje in ne na poimenovanje, nadaljujte z Kdaj uporabiti kodiranje URL-jev, ubežanje HTML in ubežanje JSON.

Odprite orodje Case / Slug / Escape, ko naslednja naloga pretvarja grobo besedno zvezo v predvidljiv identifikator slug ali ubežni niz.

Morda vam bo všeč tudi