Liigu põhisisu juurde

Kuidas teisendada teksti camelCase, snake_case, kebab-case ja PascalCase

Autor: Converty Team

Siit saate teada, kuidas teisendada teksti camelCase, snake_case, kebab-case ja PascalCase vormingusse, muutmata nimede puhastamist käsitsi ümberkirjutamiseks.

Kuidas teisendada teksti camelCase, snake_case, kebab-case ja PascalCase

Nimede puhastamine on üks neist väikestest töödest, mis ilmub paljudes erinevates kohtades. Toote nimest peab saama URL slug. Arvutustabeli päisest peab saama atribuudi nimi. CSS-märk vajab prognoositavat identifikaatorit. Kujundusfaili märkusest peab saama midagi, mida arendaja saab koodi kleepida ilma iga sõna käsitsi ümber kirjutamata.

Raske osa on see, et ei mõista, mida camelCase, snake_case, kebab-case või PascalCase tähendavad. Raske osa on sama reegli järjepidev rakendamine, kui lähtetekstis on tühikud, kirjavahemärgid, suurtähtede kasutamine ja segased eraldajad. Siin aitab keskendunud töövoog Case / Slug / Escape. Kleepige lähtetekst üks kord, vaadake käändevariandid koos üle ja kopeerige väljund, mis sobib järgmise süsteemiga.

Miks on juhtumite teisendamine tegelikus töös oluline?

Juhtumi teisendamine jääb kirjutamise ja rakendamise vahele. Inimsõbralik fraas ei ole tavaliselt masinasõbralik nimi.

Kujutage ette funktsiooni lippu nimega "Uus kassabänner". Tootemärkuses on kasutatud tiiteltähti. Kood võib vajada newCheckoutBanner. Konfiguratsioonifail võib oodata new_checkout_banner. Marsruudilõik või CSS-klass võib eelistada new-checkout-banner. Sama idee liigub läbi mitme süsteemi ja iga käsitsi ümberkirjutamine on väike võimalus triivida.

Sama probleem ilmneb ka sisutoimingutes. Pealkirjast saab slug. Kampaania nimest saab jälgimisvõti. Tugisildist saab sisemine identifikaator. Kui iga inimene kirjutab nime erinevalt ümber, muutub töö otsimine, võrdlemine ja hooldamine raskemaks.

Kuidas teisendada teksti levinud suurtähtede vormingutesse

Kiireim töövoog on hoida lähtefraas nähtavana ja genereerida tõenäolised väljundid kõrvuti.

  1. Avage tööriist Case / Slug / Escape.
  2. Kleepige fraas, silt, pealkiri või identifikaator, mida soovite normaliseerida.
  3. Võrrelge loodud camelCase, PascalCase, snake_case ja kebab-case väljundeid.
  4. Kopeerige sihtsüsteemile vastav vorm.
  5. Hoidke lähtefraasi läheduses, kui kellelgi on vaja hiljem inimloetavat nime kinnitada.

See on parem kui eraldajate käsitsi redigeerimine, kuna reeglit rakendatakse üks kord. Te ei arva, kas sõna peaks jääma suurtähtedeks või kas kirjavahemärgist peaks saama eraldaja. Muudate fraasi ennustatavateks väljunditeks.

Millist ümbrist peaksite kasutama?

Erinevad juhtumistiilid vastavad tavaliselt erinevatele sihtkohtadele.

VormingÜhine kasutaminePraktiline põhjus
camelCaseJavaScripti muutujad, objektivõtmed, kasutajaliidese olekunimedKompaktne ja kasutajaliidese koodis tavaline
PascalCaseKomponentide nimed, klassinimed, eksporditud tüübidHoiab nimega koodiühikuid hõlpsalt skannitavatena
snake_caseAndmeväljad, CSV-st tuletatud päised, mõned API-dLäbipaistvad väiketähtede stabiilsusega eraldajad
kebab-caseURL slugs, marsruudi lõigud, CSS-i sarnased sildidLoetav radades ja sidekriipsuga kontekstides

Oluline osa on selles, et ühte stiili ei käsitletaks üldiselt õigena. Õige väljund on see, mis sobib kohta, kuhu tekst järgmisena läheb.

Kasutage sama pääset slugs ja põgenemise jaoks

Juhtumi puhastamine kuvatakse sageli muu tekstipuhastuse kõrval. Kui pealkirjast saab kebab-case, peab see võib-olla muutuma ka puhtaks URL-iks slug. Pärast seda, kui koodilõigust saab identifikaator, võib seotud väärtus vajada URL-i, HTML-i või JSON-i vältimist, enne kui seda saab mujale ohutult kleepida.

Seetõttu hoiab Converty koos täht-, slug- ja paoväljundi. Tööriist ei ürita saada sisuhaldussüsteemiks või koodiredaktoriks. See on lühike toiming, et muuta töötlemata tekst sellisteks kujunditeks, mida avaldamine, marsruutimine ja rakendamine eeldavad.

Laiema käivitustöövoo jaoks, mis ühendab slugs koos Markdowni ja faviconi ettevalmistamisega, lugege artiklit Kuidas sisutiimid võivad valmistuda Slugs, Markdown ja Favicons for a New Launch. Kui järgmine küsimus puudutab pigem kodeerimist kui nimetamist, jätkake jaotisega Millal kasutada URL-i kodeeringut, HTML-i paokoodi ja JSON-i paokoodi.

Avage tööriist Case / Slug / Escape, kui järgmise ülesandena muudate umbkaudse fraasi ennustatavaks identifikaatoriks slug või paostringiks.

Sulle võib ka meeldida