Gå til hovedinnhold

Hvordan konvertere tekst til camelCase, snake_case, kebab-case og PascalCase

Av Converty Team

Lær hvordan du konverterer tekst til camelCase, snake_case, kebab-case og PascalCase uten å gjøre navneopprydding til en manuell omskriving.

Hvordan konvertere tekst til camelCase, snake_case, kebab-case og PascalCase

Navneopprydding er en av de små jobbene som dukker opp mange forskjellige steder. Et produktnavn må bli en nettadresse slug. En regnearkoverskrift må bli et egenskapsnavn. Et CSS-token trenger en forutsigbar identifikator. Et notat fra en designfil må bli noe en utvikler kan lime inn i kode uten å omskrive hvert ord for hånd.

Den vanskelige delen er ikke å forstå hva camelCase, snake_case, kebab-case eller PascalCase betyr. Den vanskelige delen er å bruke den samme regelen konsekvent når kildeteksten har mellomrom, tegnsetting, store bokstaver og blandede skilletegn. Det er der en fokusert arbeidsflyt for Case / Slug / Escape hjelper. Lim inn kildeteksten én gang, gjennomgå kasusvariantene sammen, og kopier utdataene som passer til neste system.

Hvorfor sakskonvertering er viktig i virkelig arbeid

Sakskonvertering sitter mellom skriving og gjennomføring. Den menneskevennlige frasen er vanligvis ikke det maskinvennlige navnet.

Se for deg et funksjonsflagg kalt "New Checkout Banner". Produktnotatet bruker tittelen. Koden kan trenge newCheckoutBanner. En konfigurasjonsfil kan forvente new_checkout_banner. Et rutesegment eller CSS-klasse foretrekker kanskje new-checkout-banner. Den samme ideen går gjennom flere systemer, og hver manuell omskrivning er en liten mulighet for drift.

Det samme problemet dukker opp i innholdsoperasjoner. En overskrift blir en slug. Et kampanjenavn blir en sporingsnøkkel. En støtteetikett blir en intern identifikator. Hvis hver person omskriver navnet annerledes, blir arbeidet vanskeligere å søke, sammenligne og vedlikeholde.

Hvordan konvertere tekst til vanlige kasusformater

Den raskeste arbeidsflyten er å holde kildefrasen synlig og generere de sannsynlige utgangene side om side.

  1. Åpne verktøyet Case / Slug / Escape.
  2. Lim inn uttrykket, etiketten, tittelen eller identifikatoren du trenger for å normalisere.
  3. Sammenlign de genererte camelCase-, PascalCase-, snake_case- og kebab-case-utdataene.
  4. Kopier skjemaet som samsvarer med destinasjonssystemet.
  5. Hold kildefrasen i nærheten hvis noen trenger å bekrefte det menneskelesbare navnet senere.

Dette er bedre enn å redigere skilletegn manuelt fordi regelen brukes én gang. Du gjetter ikke om et ord skal forbli med stor bokstav eller om et skilletegn skal bli et skilletegn. Du gjør en frase til forutsigbare utganger.

Hvilket tilfelle skal du bruke?

Ulike saksstiler kartlegges vanligvis til forskjellige destinasjoner.

FormatVanlig brukPraktisk grunn
camelCaseJavaScript-variabler, objektnøkler, UI-tilstandsnavnKompakt og vanlig i frontend-kode
PascalCaseKomponentnavn, klassenavn, eksporterte typerHolder navngitte kodeenheter enkle å skanne
snake_caseDatafelt, CSV-avledede overskrifter, noen APIerTydelige skilleark med små bokstaver stabilitet
kebab-caseURL slugs, rutesegmenter, CSS-lignende etiketterLesbar i baner og bindestrekskontekster

Den viktige delen er ikke å behandle en stil som universelt korrekt. Den riktige utgangen er den som passer til stedet der teksten går videre.

Bruk samme pass for slugs og escape

Saksopprydding vises ofte ved siden av annen tekstopprydding. Etter at en tittel blir kebab-case, må den kanskje også bli en ren nettadresse slug. Etter at en kodebit blir en identifikator, kan en relatert verdi trenge URL, HTML eller JSON escape før den trygt kan limes inn andre steder.

Det er derfor Converty holder store og små bokstaver, slug og escape-utganger sammen. Verktøyet prøver ikke å bli et innholdsstyringssystem eller koderedigerer. Det er et kort operasjonelt trinn for å gjøre grov tekst om til formene som publisering, ruting og implementering forventer.

For en bredere lanseringsarbeidsflyt som kombinerer slugs med Markdown og favicon prep, les How Content Teams Can Prep Slugs, Markdown, and Favicons for a New Launch. Hvis det neste spørsmålet handler om koding i stedet for navngivning, fortsett med When to Use URL Encoding, HTML Escaping and JSON Escaping.

Åpne Case / Slug / Escape-verktøyet når neste oppgave gjør om en grov frase til en forutsigbar identifikator, slug, eller escaped streng.

Du vil kanskje også like