Як перевести camelCase у kebab-case
Переводьте назви з camelCase у kebab-case миттєво. Введіть або вставте назву змінної, функції чи стовпця й отримайте варіант у kebab-case просто під час введення.
- Введіть або вставте назву в camelCase, наприклад mainNavItem, у поле вище.
- Варіант у kebab-case з’являється одразу: mainNavItem перетворюється на main-nav-item.
- Скопіюйте результат або виберіть один із 17 стилів назв для вихідного й цільового поля.
Як працює переведення
Спершу конвертер ділить назву на слова: за великими літерами, підкресленнями, дефісами, крапками й пробілами. Потім записує слова в kebab-case: усі слова малими літерами, через дефіс. Послідовності великих літер, як-от HTTP, лишаються одним словом, а цифри лишаються при слові, за яким ідуть.
Приклади: camelCase → kebab-case
| camelCase | kebab-case |
|---|---|
getUserById | get-user-by-id |
firstName | first-name |
parseHTTPResponse | parse-http-response |
isValid | is-valid |
totalPriceUsd | total-price-usd |
address2Line | address2-line |
Що таке camelCase і kebab-case
camelCase починається зі слова в нижньому регістрі, а кожне наступне слово пишеться з великої літери, без роздільників. Це стандарт для змінних і функцій у JavaScript, Java, C# і Swift.
kebab-case пише всі слова малими літерами й з’єднує їх дефісами. Його використовують в URL, CSS-класах, HTML-атрибутах і назвах файлів.
Поширені запитання
Що відбувається з абревіатурами на кшталт HTTP чи ID?
Послідовність великих літер вважається одним словом, тож parseHTTPResponse у snake_case стає parse_http_response.
Чи змінює це зміст коду?
Ні. Змінюється лише назва. Не забудьте перейменувати її в усіх місцях, де вона використовується, інакше код шукатиме стару.
Який стиль обрати?
Дотримуйтеся домовленостей своєї мови чи проєкту: camelCase у JavaScript і Java, snake_case у Python, Ruby та SQL, kebab-case в URL і CSS.
Цей інструмент безкоштовний?
Так, він безкоштовний. Без реєстрації та електронної пошти. Результат на цій сторінці.
Як отримати результат?
Скористайтеся інструментом на цій сторінці. Результат з’явиться тут, без надсилання електронною поштою.