Як перевести kebab-case у camelCase
Переводьте назви з kebab-case у camelCase миттєво. Введіть або вставте назву змінної, функції чи стовпця й отримайте варіант у camelCase просто під час введення.
- Введіть або вставте назву в kebab-case, наприклад main-nav-item, у поле вище.
- Варіант у camelCase з’являється одразу: main-nav-item перетворюється на mainNavItem.
- Скопіюйте результат або виберіть один із 17 стилів назв для вихідного й цільового поля.
Як працює переведення
Спершу конвертер ділить назву на слова: за великими літерами, підкресленнями, дефісами, крапками й пробілами. Потім записує слова в camelCase: перше слово малими літерами, кожне наступне з великої, без роздільників. Послідовності великих літер, як-от HTTP, лишаються одним словом, а цифри лишаються при слові, за яким ідуть.
Приклади: kebab-case → camelCase
| kebab-case | camelCase |
|---|---|
main-nav-item | mainNavItem |
font-size | fontSize |
background-color | backgroundColor |
is-open | isOpen |
data-test-id | dataTestId |
aria-label | ariaLabel |
Що таке kebab-case і camelCase
kebab-case пише всі слова малими літерами й з’єднує їх дефісами. Його використовують в URL, CSS-класах, HTML-атрибутах і назвах файлів.
camelCase починається зі слова в нижньому регістрі, а кожне наступне слово пишеться з великої літери, без роздільників. Це стандарт для змінних і функцій у JavaScript, Java, C# і Swift.
Поширені запитання
Що відбувається з абревіатурами на кшталт HTTP чи ID?
Послідовність великих літер вважається одним словом, тож parseHTTPResponse у snake_case стає parse_http_response.
Чи змінює це зміст коду?
Ні. Змінюється лише назва. Не забудьте перейменувати її в усіх місцях, де вона використовується, інакше код шукатиме стару.
Який стиль обрати?
Дотримуйтеся домовленостей своєї мови чи проєкту: camelCase у JavaScript і Java, snake_case у Python, Ruby та SQL, kebab-case в URL і CSS.
Цей інструмент безкоштовний?
Так, він безкоштовний. Без реєстрації та електронної пошти. Результат на цій сторінці.
Як отримати результат?
Скористайтеся інструментом на цій сторінці. Результат з’явиться тут, без надсилання електронною поштою.