Конвертировать текст в camelCase первоеСловоСтрочными Бесплатно Онлайн Безопасно

Зачем конвертировать текст в camelCase

Откройте почти любой файл JavaScript, любой класс Java, любой исходный код на Swift или Kotlin, и имена выглядят одинаково: userName, totalPrice, getCustomerById, isLoggedIn. Слова слиты без пробела и без разделителя, первое — строчными, а каждое следующее начинается с заглавной, так что «горбы» посреди слова дали стилю его название. Это camelCase, и именно эту форму большинство языков семейства C выбрали для переменных и функций. Конвертировать текст в camelCase — значит превратить фразу в том виде, как её пишет человек, в имя, которое примет программа и узнает программист.

Вставьте строку и прочитайте её обратно в camelCase. Преобразование происходит в вашем браузере, ничто из набранного никуда не отправляется, а правила следуют языку этой страницы, а не английскому. Страница режет строку на слова, оставляет первое строчным, поднимает первую букву каждого следующего и склеивает их без промежутков. Ниже вы найдёте, что именно страница делает и чего не делает, как она обращается с трудными буквами разных языков, чем camelCase отличается от своего старшего собрата, где эта форма — соглашение, а где нет, и ловушки, в которые попадают те, кто конвертирует текст в camelCase в спешке.

Что делает преобразование

Разрезать, первое строчное, остальные с заглавной, склеить

Сначала страница режет строку на слова. Первое слово остаётся строчным. Каждое следующее получает заглавную букву в начале, а остальное — строчными. Затем слова склеиваются без промежутков. Строка Crème brûlée for 2 — straße 17, fooBar возвращается как crèmeBrûléeFor2Straße17FooBar. Акценты сохраняются, числа стоят отдельными словами, тире и запятая исчезли, а fooBar, который страница режет по заглавной, в конце собран обратно как FooBar.

Где проходят разрезы

Граница слова — это пробел, знак препинания, тире, символ или переход от строчной буквы к заглавной внутри слова. Так, customer first name, customer-first-name, customer_first_name и customerFirstName все превращаются в customerFirstName. Преобразование принимает почти любую исходную форму и всегда приходит к одной и той же, что делает его надёжным последним шагом перед тем, как имя попадёт в код.

Копирование результата

Кнопка рядом с результатом копирует его в буфер обмена. Вставьте его в редактор или файл, где нужно имя.

Чего преобразование не делает

Оно не сохраняет пунктуацию

Запятые, точки и тире — это границы между словами, а не символы для переноса. Это то, что нужно для имени переменной, и не то, что нужно для прозы. Предложение, пропущенное через страницу, возвращается как имя, а его пунктуация исчезла.

Оно не убирает акценты

Строка сохраняет свои буквы с акцентами: crèmeBrûlée. Многие языки допускают их в именах, но многие инструменты и руководства по стилю — нет. Если вам нужны простые буквы, сначала пропустите фразу через страницу URL slug, которая снимает значки с латинских букв, а затем конвертируйте текст в camelCase.

Оно не проверяет допустимость имени

У языков программирования свои правила. Имя не может начинаться с цифры и не может быть зарезервированным словом. Фраза вроде 2 for 1 превращается в 2For1, которое большинство языков отвергает с первого символа. Страница создаёт форму; допустимость проверяете вы.

camelCase и PascalCase

Та же идея, другая первая буква

Когда первое слово тоже начинается с заглавной, как в CustomerFirstName, стиль называется PascalCase, UpperCamelCase или StudlyCaps. Соглашение в большинстве языков — использовать PascalCase для типов и классов, а camelCase для переменных, функций и методов. Эта страница выдаёт форму со строчной первой буквой. Чтобы получить PascalCase, конвертируйте фразу и поднимите первую букву вручную.

Почему важна первая буква

Заглавная в начале сообщает читателю, что имя — это класс, а строчная — что это экземпляр или функция. В языках, где соглашение обеспечивается инструментами, таких как Go, где заглавная означает публичность, различие — часть смысла.

Язык имеет значение

Письменности без пробелов

Для разрезания на слова нужны границы. Китайский и японский пишутся без пробелов, поэтому строка в этих письменностях возвращается одним словом. Страница предпочитает сказать об этом, а не резать там, где угадала, поскольку неверный разрез дал бы имя, которое выглядит правдоподобно и означает не то.

Турецкий и i с точкой

Поднятие первой буквы каждого слова следует правилам языка страницы. В турецком заглавная от i — это İ, а заглавная от ı — I. Конвертер, применяющий английские правила, меняет слова. Эта страница следует языку, на котором написана.

Немецкий и острое s

Немецкая ß посреди слова остаётся как есть, как в straße. Заглавное STRASSE возвращается как strasse с двойным s.

Письменности без заглавных

В арабском, иврите и индийских письменностях нет заглавных букв, поэтому слова просто склеиваются. Читаем ли результат в такой письменности — дело инструмента, где вы его используете.

Где camelCase — соглашение

JavaScript и TypeScript

Переменные, функции и свойства объектов пишутся в camelCase, как и свойства объектов JSON в большинстве веб-интерфейсов. Фраза, для которой вы конвертируете текст в camelCase, скорее всего, направляется в одно из этих мест.

Java, Kotlin, Swift, C# и Dart

Та же привычка сохраняется для локальных переменных и методов, а PascalCase используется для классов и в C# также для методов и свойств. Детали решает руководство по стилю команды.

JSON из веб-сервисов

Многие API присылают ключи вроде firstName и orderTotal. Если ваши данные начинаются как таблица, CSV в JSON превращает строку заголовков в ключи, а заголовки, преобразованные в camelCase, становятся ключами, которые код может читать без скобок и кавычек. В обратном направлении JSON в CSV записывает ключи обратно как заголовок.

Хэштеги и никнеймы

Вне программирования camel case используют для хэштегов вроде #SpringGardenTips, потому что заглавные отмечают границы слов для глаза. Это лучше и для доступности: программы чтения с экрана читают хэштег с заглавными как отдельные слова, а строчную череду букв — как одно странное.

Где это не соглашение

Python, Ruby и базы данных

Они предпочитают подчёркивания. Для них нужен snake_case.

CSS и веб-адреса

Имена классов, пользовательские свойства и адреса используют дефисы. Смотрите kebab-case.

Проза и заголовки

camelCase — для имён, а не для чтения. Заголовок или предложение в нём тяжело читать. Для заголовка рассмотрите Title Case.

Как конвертировать текст в camelCase здесь

Вставьте или наберите текст

Введите фразу в первое поле. Результат сразу появляется во втором, так что вы можете смотреть, как он меняется по мере ввода.

Проверьте разрезы и аббревиатуры

Посмотрите, где слова были разделены, и как были обработаны аббревиатуры. Имя вроде parseHtmlString и имя вроде parseHTMLString — разные соглашения, а страница применяет одно правило везде.

Скопируйте

Нажмите кнопку копирования и вставьте результат туда, где он нужен. Для других форм той же строки смотрите ниже.

Та же строка во всех семи написаниях

Таблица форм

Под конвертером таблица показывает пример строки во всех семи формах, которые предлагает сайт: верхний регистр, нижний регистр, Title Case, snake_case, kebab-case, camelCase и URL slug. Это быстрый способ увидеть, как выглядят те же слова в каждой.

Откуда берутся эти формы

Два алфавита

Заглавные и строчные буквы когда-то были двумя разными алфавитами. Заглавные — римские, высеченные в камне резцом; строчные происходят от каролингского минускула, сформированного пером, быстро движущимся по пергаменту. Печатники держали их в отдельных кассах, верхней и нижней, и названия закрепились надолго после того, как касс не стало.

Имена без пробелов

Программистские формы гораздо моложе и были придуманы для решения одной проблемы: имя не может содержать пробел. snake_case вышел из раннего C, camelCase — из Smalltalk, kebab-case — из Lisp, а URL slug — из необходимости поместить человеческий заголовок в адрес, где пробелы и акценты не допускаются. В camelCase заглавные выполняют работу, которую в других местах делает подчёркивание или дефис, отмечая, где кончается одно слово и начинается следующее.

camelCase в более широком рабочем процессе

От спецификации к коду

Документы с требованиями пишутся предложениями, а код — именами. Между ними кому-то нужно превратить каждое существительное и глагол в идентификатор. Делать это вручную медленно и приглашает к несогласованности: один разработчик пишет customerName, другой — clientName для той же вещи. Если команда договорится конвертировать текст в camelCase из точной формулировки спецификации, имена следуют словам, и любой может найти код, на который ссылается требование, поиском по фразе.

От заголовка таблицы к ключу объекта

В электронных таблицах есть заголовки вроде First Name, Order Total и Date Of Birth. Когда данные становятся записями в программе, эти заголовки становятся ключами. Преобразование каждого заголовка в camelCase даёт firstName, orderTotal и dateOfBirth, которые код может читать как свойства без кавычек и скобок. Если затем данные нужно вернуть в таблицу, JSON в XLSX записывает ключи как первую строку, и круг замыкается.

От файла дизайна к компоненту

Инструменты дизайна называют слои простыми словами: Primary Button, Card Title. Когда разработчики строят компоненты, эти названия становятся идентификаторами вроде primaryButton и cardTitle или именами классов primary-button и card-title. Очевидное сопоставление облегчает передачу. Для размеров и цветов, идущих со слоями, px в rem и HEX в RGB конвертируют значения, стоящие за названиями.

Поиск того, что вы назвали

Последовательный стиль делает поиск эффективным. Если каждое свойство в camelCase, поиск orderTotal находит все использования, а поиск ordertotal или order_total не находит ни одного, что само по себе информативно. Смешанные стили разбрасывают одну идею по написаниям и прячут её от поиска.

Безопасное переименование

Когда имя меняется, работу должен делать инструмент переименования в вашем редакторе, а не поиск с заменой. Перед переименованием конвертируйте текст в camelCase для нового имени из его новой формулировки, чтобы новый идентификатор следовал соглашению с самого начала. Затем позвольте инструменту обновить каждую ссылку.

Проверьте несколько имён там, где они будут жить

Прежде чем принимать партию имён, попробуйте три-четыре в редакторе, внутри строк кода, где они появятся. Если каждое естественно читается рядом с другими, партия хороша. Если одно режет слух, переформулируйте фразу и снова конвертируйте текст в camelCase. Короткая проба стоит минуту и избавляет от переименования по всей кодовой базе.

Имена, которые хорошо читаются

Начинайте с глагола для функций

Функция — это действие, и её имя должно говорить об этом: getUserName, calculateTotal, isValid. Когда вы конвертируете текст в camelCase для функции, начинайте фразу с глагола.

Используйте существительные для значений

Переменная хранит вещь: userName, totalPrice, orderList. Булевы значения лучше всего читаются как вопросы: isActive, hasAccess, canEdit.

Будьте последовательны с аббревиатурами

Одни команды пишут parseHTML, другие parseHtml. Оба варианта хороши; смесь — нет. Выберите один и применяйте ко всем именам, и ваш код будет легче искать.

Делайте имена произносимыми

Имя, которое можно прочитать вслух, — это имя, которое можно обсуждать. custFnDt таким не является, а customerFirstDate — является. Преобразование сохраняет то, что вы пишете, поэтому пишите то, что стоит сохранить.

Ловушки при конвертации текста в camelCase

Имя, начинающееся с цифры

Большинство языков отвергают его. Поставьте впереди слово или букву.

Зарезервированные слова

Фраза вроде class, new или default — ключевое слово во многих языках. Страница не знает, в каких именно. Проверьте, прежде чем использовать имя.

Аббревиатуры и серии заглавных

Разрезы вокруг серии заглавных могут удивить. Прочитайте результат и сравните с вашим соглашением.

Акценты в именах

Допускаются в одних языках и не допускаются в других. Если имя должно пройти через старые инструменты, сначала уберите акценты.

Вопросы, которые задают перед конвертацией

Что происходит с пунктуацией?

Она считается границей между словами и не переносится.

Сохраняются ли числа?

Да, как отдельные слова, присоединённые к остальным.

Справляется ли страница с вводом, уже записанным в snake_case или kebab-case?

Да. Подчёркивания и дефисы — границы, поэтому my_variable_name становится myVariableName.

Как получить PascalCase?

Конвертируйте, затем поднимите первую букву вручную.

Загружается ли мой текст?

Нет. То, что вы набираете здесь, никогда никуда не отправляется, поэтому черновик, пароль или имя клиента так же безопасны здесь, как в текстовом редакторе.

Как получить подчёркивания или дефисы вместо этого?

С помощью конвертировать текст в snake_case или конвертировать текст в kebab-case.

Разобранный пример

Допустим, вы пишете небольшой скрипт для расчёта платы за доставку, и в спецификации значения называются delivery fee per kilometre, free delivery threshold и is express order. Вы конвертируете каждое по очереди и читаете deliveryFeePerKilometre, freeDeliveryThreshold и isExpressOrder. Первое начинается с существительного, что верно для значения; последнее начинается с is, что отмечает флаг «да или нет». Вы вставляете эти три в скрипт как имена переменных, и спецификация и код теперь используют одни и те же слова в том же порядке, что облегчает проверку.

Короткий контрольный список

Перед конвертацией

Запишите фразу простыми словами. Начинайте функции с глагола, а флаги — с is или has. Проверьте целевой язык на зарезервированные слова.

Во время конвертации

Вставьте фразу, посмотрите на разрезы и убедитесь, что имя начинается с буквы.

После конвертации

Проверьте длину и аббревиатуры и используйте одно и то же имя везде, где оно нужно.

Частые ошибки

Использование camelCase для текста, который будут читать люди

Он для имён, а не для прозы.

Смешивание соглашений в одном проекте

Выберите camelCase, snake_case или kebab-case для каждого слоя и придерживайтесь.

Забывание о том, что допускает цель

Цифры в начале, акценты и зарезервированные слова различаются между языками.

Ваш текст остаётся на вашем устройстве

Преобразование происходит локально. Ваш текст обрабатывает ваш собственный браузер, и ничего никуда не отправляется. Потом нечего удалять, и не нужно создавать учётную запись. Вот простой способ конвертировать текст в camelCase.

Итог

Чтобы конвертировать текст в camelCase здесь, вставьте строку и прочитайте её обратно с разрезанными словами, первым строчным, первой буквой каждого следующего поднятой и всем склеенным без промежутков. Строка, уже записанная в snake_case или kebab-case, режется по своим разделителям. Страница не сохраняет пунктуацию: запятые, точки и тире — границы между словами, а не символы для переноса, что нужно для имени переменной и не нужно для прозы. Для разрезания на слова нужны границы, поэтому китайский и японский, пишущиеся без пробелов, возвращаются одним словом. Поднятие первой буквы следует языку страницы, поэтому турецкая i становится İ. Ничего не загружается.