Прескочи на главни садржај

Како претворити текст у camelCase, snake_case, kebab-case и PascalCase

Аутор: Converty Team

Сазнајте како да конвертујете текст у camelCase, snake_case, kebab-case и PascalCase без претварања чишћења назива у ручно преписивање.

Како претворити текст у camelCase, snake_case, kebab-case и PascalCase

Чишћење именовања је један од оних малих послова који се појављују на много различитих места. Назив производа треба да постане УРЛ slug. Заглавље табеле треба да постане име својства. ЦСС токену је потребан предвидљив идентификатор. Белешка из датотеке дизајна треба да постане нешто што програмер може да налепи у код без да ручно преписује сваку реч.

Најтежи део је неразумевање шта значи camelCase, snake_case, kebab-case или PascalCase. Тежак део је доследна примена истог правила када изворни текст има размаке, интерпункцију, велика слова и мешане сепараторе. Ту помаже фокусирани ток посла Цасе / Slug / Есцапе. Налепите изворни текст једном, прегледајте варијанте случаја заједно и копирајте излаз који одговара следећем систему.

Зашто је конверзија великих и малих слова важна у стварном раду

Конверзија случаја се налази између писања и имплементације. Фраза прилагођена људима обично није назив за машину.

Замислите заставицу функције под називом „Нови банер за плаћање“. Напомена о производу користи велика и мала слова. Коду је можда потребно newCheckoutBanner. Конфигурациони фајл може да очекује new_checkout_banner. Сегмент руте или ЦСС класа можда преферирају new-checkout-banner. Иста идеја путује кроз неколико система, а свако ручно преписивање је мала прилика за заношење.

Исти проблем се појављује у операцијама садржаја. Наслов постаје slug. Назив кампање постаје кључ за праћење. Ознака подршке постаје интерни идентификатор. Ако свака особа другачије напише име, посао постаје теже претраживати, упоређивати и одржавати.

Како претворити текст у уобичајене формате великих и малих слова

Најбржи ток посла је да изворна фраза остане видљива и да се генеришу вероватни резултати један поред другог.

  1. Отворите алатку Цасе / Slug / Есцапе.
  2. Налепите фразу, ознаку, наслов или идентификатор који треба да нормализујете.
  3. Упоредите генерисане camelCase, PascalCase, snake_case и kebab-case излазе.
  4. Копирајте образац који одговара систему одредишта.
  5. Држите изворну фразу у близини ако неко касније треба да потврди људско читљиво име.

Ово је боље од ручног уређивања сепаратора јер се правило примењује једном. Не погађате да ли реч треба да остане велика или да ли знак интерпункције треба да постане сепаратор. Претварате фразу у предвидљиве резултате.

Који случај би требало да користите?

Различити стилови случајева обично се мапирају на различита одредишта.

ФорматУобичајена употребаПрактични разлог
camelCaseЈаваСцрипт променљиве, кључеви објеката, имена стања корисничког интерфејсаКомпактан и уобичајен у фронтенд коду
PascalCaseИмена компоненти, имена класа, извезени типовиОдржава именоване кодне јединице лаким за скенирање
snake_caseПоља података, заглавља изведена из ЦСВ-а, неки АПИ-јиЈасни сепаратори са стабилношћу малих слова
kebab-caseУРЛ slugs, сегменти руте, ознаке сличне ЦСС-уЧитљиво у путањама и контексту са цртицом

Важан део је да се један стил не третира као универзално исправан. Прави излаз је онај који одговара месту где текст иде даље.

Користите исту пропусницу за slugs и бекство

Чишћење великих слова се често појављује поред другог чишћења текста. Након што наслов постане kebab-case, можда ће морати да постане и чиста УРЛ адреса slug. Након што исечак постане идентификатор, за сродну вредност ће можда бити потребно избегавање УРЛ-а, ХТМЛ-а или ЈСОН-а пре него што се може безбедно налепити негде другде.

Због тога Цонверти заједно чува велика и мала слова, slug и излазне излазе. Алат не покушава да постане систем за управљање садржајем или уређивач кода. То је кратак оперативни корак за претварање грубог текста у облике које очекују објављивање, рутирање и имплементација.

За шири ток рада покретања који комбинује slugs са Маркдовн-ом и припремом фавикона, прочитајте Како тимови садржаја могу да припреме Slugs, Маркдовн и Фавицонс за ново покретање. Ако се следеће питање односи на кодирање, а не на именовање, наставите са Када користити УРЛ кодирање, ХТМЛ избегавање и избегавање ЈСОН-а.

Отворите алатку Цасе / Slug / Есцапе када следећи задатак буде претварање грубе фразе у предвидљиви идентификатор, slug, или излазни стринг.

Можда ће вам се свидети