Как перевести 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.
Этот инструмент бесплатный?
Да, он бесплатный. Без регистрации и электронной почты. Результат на этой странице.
Как получить результат?
Используйте инструмент на этой странице. Результат появится здесь, без отправки по электронной почте.