Siirry pääsisältöön

Tekstin muuntaminen muotoiksi camelCase, snake_case, kebab-case ja PascalCase

Kirjoittaja Converty Team

Opi muuttamaan tekstiä muotoiksi camelCase, snake_case, kebab-case ja PascalCase muuttamatta nimenpuhdistusta manuaaliseksi uudelleenkirjoitukseksi.

Tekstin muuntaminen muotoiksi camelCase, snake_case, kebab-case ja PascalCase

Nimeämissiivous on yksi niistä pienistä töistä, joita esiintyy monissa eri paikoissa. Tuotteen nimestä on tehtävä URL-osoite slug. Laskentataulukon otsikosta on tehtävä omaisuuden nimi. CSS-tunnus tarvitsee ennakoitavan tunnisteen. Suunnittelutiedoston muistiinpanon on oltava jotain, jonka kehittäjä voi liittää koodiin kirjoittamatta jokaista sanaa uudelleen käsin.

Vaikeinta on se, että et ymmärrä, mitä camelCase, snake_case, kebab-case tai PascalCase tarkoittaa. Vaikeinta on soveltaa samaa sääntöä johdonmukaisesti, kun lähdetekstissä on välilyöntejä, välimerkkejä, isoja kirjaimia ja sekoitettuja erottimia. Tässä auttaa kohdennettu Case / Slug / Escape työnkulku. Liitä lähdeteksti kerran, tarkista tapausmuunnelmat yhdessä ja kopioi tulos, joka sopii seuraavaan järjestelmään.

Miksi tapausten muuntaminen on tärkeää todellisessa työssä

Tapauksen muuntaminen on kirjoittamisen ja toteutuksen välissä. Ihmisystävällinen ilmaus ei yleensä ole koneystävällinen nimi.

Kuvittele ominaisuuden lippu nimeltä "Uusi Checkout Banner". Tuoteselosteessa käytetään otsikon kirjainkokoa. Koodi saattaa tarvita newCheckoutBanner. Määritystiedosto saattaa odottaa new_checkout_banner. Reittisegmentti tai CSS-luokka saattaa suosia new-checkout-banner. Sama idea kulkee useiden järjestelmien läpi, ja jokainen manuaalinen uudelleenkirjoitus on pieni mahdollisuus ajautua.

Sama ongelma ilmenee sisältötoiminnassa. Otsikosta tulee slug. Kampanjan nimestä tulee seurantaavain. Tukitarrasta tulee sisäinen tunniste. Jos jokainen kirjoittaa nimen uudelleen eri tavalla, työtä on vaikeampi etsiä, vertailla ja ylläpitää.

Tekstin muuntaminen yleisiin tapausmuotoihin

Nopein työnkulku on pitää lähdelause näkyvissä ja luoda todennäköiset tulosteet rinnakkain.

  1. Avaa Case / Slug / Escape -työkalu.
  2. Liitä lause, otsikko, otsikko tai tunniste, jonka haluat normalisoida.
  3. Vertaa luotuja camelCase, PascalCase, snake_case ja kebab-case tulosteita.
  4. Kopioi kohdejärjestelmää vastaava lomake.
  5. Pidä lähdelause lähellä, jos jonkun on vahvistettava ihmisen luettava nimi myöhemmin.

Tämä on parempi kuin erottimien manuaalinen muokkaaminen, koska sääntöä sovelletaan kerran. Et arvaa, pitäisikö sana pysyä isolla kirjaimella vai tulisiko välimerkistä tulla erotin. Muutat lauseen ennustettaviksi tuloksiksi.

Mitä koteloa kannattaa käyttää?

Eri tapaustyylit sopivat yleensä eri kohteisiin.

MuotoYhteinen käyttöKäytännön syy
camelCaseJavaScript-muuttujat, objektiavaimet, käyttöliittymän tilan nimetKompakti ja yleinen käyttöliittymäkoodissa
PascalCaseKomponenttien nimet, luokkien nimet, viedyt tyypitPitää nimetyt koodiyksiköt helposti skannattavissa
snake_caseTietokentät, CSV-peräiset otsikot, jotkin sovellusliittymätKirkkaat erottimet pienten kirjainten vakauksella
kebab-caseURL slugs, reittisegmentit, CSS:n kaltaiset tunnisteetLuettavissa poluissa ja tavutuskonteksteissa

Tärkeintä on, ettei yhtä tyyliä pidetä yleisesti oikeana. Oikea tuloste on se, joka sopii paikkaan, johon teksti menee seuraavaksi.

Käytä samaa passia slugs:lle ja pakolle

Tapauksen puhdistus näkyy usein muun tekstinpuhdistuksen vieressä. Kun nimikkeestä tulee kebab-case, siitä on ehkä myös tehtävä puhdas URL-osoite slug. Kun katkelmasta tulee tunniste, siihen liittyvä arvo saattaa edellyttää URL-, HTML- tai JSON-koodin poistoa ennen kuin se voidaan liittää turvallisesti muualle.

Tästä syystä Converty pitää kirjain-, slug- ja escape-tulosteet yhdessä. Työkalu ei yritä tulla sisällönhallintajärjestelmäksi tai koodieditoriksi. Se on lyhyt käyttövaihe karkean tekstin muuttamiseksi sellaisiksi muotoiksi, joita julkaiseminen, reititys ja toteutus odottavat.

Jos haluat laajemman julkaisutyönkulun, jossa slugs yhdistetään Markdowniin ja favicon-valmisteluihin, lue Kuinka Content Teams Can Prep Slugs, Markdown and Favicons for a New Launch. Jos seuraava kysymys koskee koodausta nimeämisen sijaan, jatka kohtaan Milloin käytetään URL-koodausta, HTML Escapingia ja JSON Escapingia.

Avaa Case / Slug / Escape -työkalu, kun seuraava tehtävä on muuttaa karkea ilmaus ennakoitavaksi tunnisteeksi slug tai merkkijonoksi.

Saatat pitää myös näistä