Fara í aðalefni

Hvernig á að breyta texta í camelCase, snake_case, kebab-case og PascalCase

Eftir Converty Team

Lærðu hvernig á að umbreyta texta í camelCase, snake_case, kebab-case og PascalCase án þess að breyta nafnahreinsun í handvirka endurskrifun.

Hvernig á að breyta texta í camelCase, snake_case, kebab-case og PascalCase

Nafnhreinsun er eitt af þessum litlu verkum sem birtast á mörgum mismunandi stöðum. Vöruheiti þarf að verða vefslóð slug. Töflureiknishaus þarf að verða eignarheiti. CSS tákn þarf fyrirsjáanlegt auðkenni. Minnismiði úr hönnunarskrá þarf að verða eitthvað sem verktaki getur límt inn í kóða án þess að endurskrifa hvert orð með höndunum.

Það erfiða er að skilja ekki hvað camelCase, snake_case, kebab-case eða PascalCase þýðir. Það erfiða er að beita sömu reglunni stöðugt þegar frumtextinn er með bilum, greinarmerkjum, hástöfum og blönduðum skilum. Það er þar sem einbeitt Case / Slug / Escape vinnuflæði hjálpar. Límdu frumtextann einu sinni, skoðaðu málafbrigðin saman og afritaðu úttakið sem passar við næsta kerfi.

Hvers vegna málsbreyting skiptir máli í raunverulegri vinnu

Málabreyting situr á milli ritunar og framkvæmdar. Mannvæna setningin er yfirleitt ekki vélvænna nafnið.

Ímyndaðu þér eiginleika fána sem kallast "New Checkout Banner". Vöruskýringin notar titilfall. Kóðinn gæti þurft newCheckoutBanner. Stillingarskrá gæti átt von á new_checkout_banner. Leiðarhluti eða CSS flokkur gæti valið new-checkout-banner. Sama hugmyndin fer í gegnum mörg kerfi og sérhver handvirk umritun er lítið tækifæri til að reka.

Sama vandamál birtist í efnisaðgerðum. Fyrirsögn verður að slug. Heiti herferðar verður rakningarlykill. Stuðningsmerki verður innra auðkenni. Ef hver einstaklingur endurskrifar nafnið á annan hátt verður erfiðara að leita, bera saman og viðhalda verkinu.

Hvernig á að umbreyta texta í algeng stafsetningarsnið

Hraðasta verkflæðið er að halda upprunasetningunni sýnilegri og búa til líkleg úttak hlið við hlið.

  1. Opnaðu tólið Case / Slug / Escape.
  2. Límdu setninguna, merkimiðann, titilinn eða auðkennið sem þú þarft til að staðla.
  3. Berðu saman camelCase, PascalCase, snake_case og kebab-case úttak.
  4. Afritaðu eyðublaðið sem passar við áfangakerfið.
  5. Haltu upprunasetningunni nálægt ef einhver þarf að staðfesta mannlæsilegt nafn síðar.

Þetta er betra en að breyta skiljum handvirkt því reglunni er beitt einu sinni. Þú ert ekki að giska á hvort orð eigi að vera með hástöfum eða hvort greinarmerki eigi að verða skilmerki. Þú ert að breyta setningu í fyrirsjáanlega útkomu.

Hvaða fall ættir þú að nota?

Mismunandi málstíll kortleggja venjulega mismunandi áfangastaði.

SniðAlgeng notkunHagnýt ástæða
camelCaseJavaScript breytur, hlutlyklar, UI ástandsheitiSamningur og algengur í framendakóða
PascalCaseHeiti íhluta, flokksheiti, útfluttar tegundirHeldur nafngreindum kóðaeiningum auðvelt að skanna
snake_caseGagnareitir, CSV-afleiddir hausar, sum APIGlærar skiljur með lágstöfum stöðugleika
kebab-caseVefslóð slugs, leiðarhlutar, CSS-lík merkiLesanleg í slóðum og bandstrik samhengi

Mikilvægi hlutinn er ekki að meðhöndla einn stíl sem alhliða réttan. Rétt úttak er það sem passar við staðinn þar sem textinn er að fara næst.

Notaðu sama passa fyrir slugs og sleppa

Málahreinsun birtist oft við hlið annarrar textahreinsunar. Eftir að titill verður kebab-case gæti hann líka þurft að verða hrein vefslóð slug. Eftir að bútur verður auðkenni gæti tengt gildi þurft að sleppa vefslóð, HTML eða JSON áður en hægt er að líma það á öruggan hátt annars staðar.

Þess vegna heldur Converty saman hástöfum, slug og escape-úttakum. Tólið er ekki að reyna að verða vefumsjónarkerfi eða kóðaritari. Það er stutt aðgerðaskref til að breyta grófum texta í þau form sem útgáfa, leiðsögn og innleiðing búast við.

Fyrir víðtækara ræsingarverkflæði sem sameinar slugs með Markdown og favicon prep, lestu How Content Teams Can Prep Slugs, Markdown, and Favicons for a New Launch. Ef næsta spurning er um kóðun frekar en nafngift, haltu áfram með When to Use URL Encoding, HTML Escaping, and JSON Escaping.

Opnaðu Tilfelli / Slug / Escape tólið þegar næsta verkefni er að breyta grófri setningu í fyrirsjáanlegt auðkenni, slug, eða sleppt streng.

Þér gæti líka líkað