Конвертер camelCase в kebab-case — Бесплатно онлайн

Перевод из camelCase в kebab-case онлайн: вставьте имя переменной, функции или столбца и скопируйте результат, с примерами.

Converter

camelCase, snake_case, kebab-case и Каждый Промежуточный Стиль

Конвертируйте идентификатор или фразу между 17 соглашениями о регистре

—

Результаты предоставляются исключительно в информационных целях и могут содержать ошибки. Проверяйте важную информацию самостоятельно. Использование этого инструмента осуществляется на ваш страх и риск.

Как перевести camelCase в kebab-case

Переводите имена из camelCase в kebab-case мгновенно. Введите или вставьте имя переменной, функции или столбца и получите вариант в kebab-case прямо во время ввода.

  1. Введите или вставьте имя в camelCase, например mainNavItem, в поле выше.
  2. Вариант в kebab-case появляется сразу: mainNavItem превращается в main-nav-item.
  3. Скопируйте результат или выберите один из 17 стилей имён для исходного и целевого поля.

Как работает перевод

Сначала конвертер делит имя на слова: по заглавным буквам, подчёркиваниям, дефисам, точкам и пробелам. Затем записывает слова в kebab-case: все слова строчными, через дефис. Последовательности заглавных, например HTTP, остаются одним словом, а цифры остаются при слове, за которым идут.

Примеры: camelCase → kebab-case

camelCasekebab-case
getUserByIdget-user-by-id
firstNamefirst-name
parseHTTPResponseparse-http-response
isValidis-valid
totalPriceUsdtotal-price-usd
address2Lineaddress2-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.

Этот инструмент бесплатный?

Да, он бесплатный. Без регистрации и электронной почты. Результат на этой странице.

Как получить результат?

Используйте инструмент на этой странице. Результат появится здесь, без отправки по электронной почте.