Мета-описание: Преобразование текста между camelCase, snake_case, kebab-case, PascalCase & amp; more.Naming conventions by language, поясняется разработчиком.Free on Toolz.dev.
Ключевое слово фокуса: конвертер текстовых случаев онлайн
В первый раз, когда старший инженер оставил комментарий к моему запросу на вытягивание, который просто сказал «название», я понятия не имел, что он имел в виду. Код сработал. Тесты прошли. То, на что он указывал, была переменная, которую я написал как user_name в файле JavaScript - snake_case в кодовой базе, где везде использовался camelCase Это было пятисекундное исправление, но это было из тех вещей, которые тихо сигнализируют, знаете ли вы условности языка, на котором вы & #39; пишете.
Пятнадцать или около того лет и плагин WordPress плюс Laravel/React SaaS позже, преобразование случая - это то, что я делаю десятки раз в день, не задумываясь. Работа с полным стеком означает постоянное пересечение соглашений: столбцы snake_case в базе данных, camelCase в JavaScript, PascalCase для компонентов React, kebab-case в CSS и URL-адресах, SCREAMING_SNAKE_CASE для переменных среды. Если они ошибаются, это выглядит небрежно - он сбивает с толку линтеры, ломает сборки и иногда создает ошибки, которые невозможно отследить.
В этом руководстве рассматривается каждый формат основного случая, сопоставляет каждый из них на те, которые его ожидают, и показывает, как мгновенно конвертировать между ними с помощью бесплатного конвертер На Toolz.dev. Все работает в вашем браузере, поэтому, даже если вы вставляете проприетарные идентификаторы, ничто не покидает вашу машину.
TL;DR: использовать конвертер Чтобы переключить текст между CamelCase, PascalCase, Snake_case, Screaming_Snake_case, kebab-case, заголовком, дело, дело и точка. Он автоматически обнаруживает границы слов из любого входа и преобразует многострочные списки по строкам. Эмпирическое правило: CamelCase для переменных JS, PascalCase для классов и компонентов React, Snake_case для Python и SQL, kebab-case для CSS и URL, Screaming_Snake_case для констант.
Какие форматы основного текста?
Каждый формат падежа на самом деле является двумя решениями: как слова пишутся с заглавной буквы, и какой символ (если таковой имеется) разделяет их. сама по себе капитализация является операцией Юникода, а не операцией ASCII - Стандартное приложение Юникода № 21 охватывает случаи, когда он не обратим, например, немецкий ß и турецкий dotless i. Как только вы увидите его таким образом, весь зоопарк становится маленьким столом.Here's каждый формат с примером и где он живет.
верблюжья короб
Первое слово строчная, каждое следующее слово с заглавными буквами, без разделителей: firstName, getUserProfile, isActiveSubscription, йо- Это значение по умолчанию для переменных JavaScript и TypeScript, функций, методов и свойств объекта, а также в Java и Swift. Название происходит от "горбов" заглавных букв. Он компактный и хорошо читается на короткой до средней длины.
Паскальказе (верхняя каша)
Как и верблюжьи камни, но первое слово тоже заглавное: UserProfile, HttpRequestHandler, OrderService, йо- Он используется для классов, структур и перечислений в C#, TypeScript, Java, Go (для экспортированных идентификаторов) и Python (имена классов PEP 8), а также для имен компонентов React и Vue. Заглавная первая буква — это то, что позволяет вам указать тип (UserProfile) из экземпляра (userProfile) с первого взгляда.
змея_чехол
Все строчные, слова, соединенные подчеркиванием: first_name, get_user_profile, created_at. It's стиль дома для Python и Ruby (согласно PEP 8 и руководству по стилю Ruby), Rust и большинства схем SQL. Подчеркивает отдельные слова однозначно даже в строчном регистре, поэтому языки, которые ценят читаемость, опираются на него - и почему базы данных, где чувствительность к регистру может кусаться, предпочитают это.
Screaming_snake_case (constant_case)
Все верхние, подчеркивающие подчеркивание: MAX_RETRY_COUNT, API_BASE_URL, DEFAULT_TIMEOUT_MS, йо- почти универсальны для констант и переменных среды в .env файлы, Docker, и CI config.Все заглавные крики & quot;это значение фиксировано & quot; - когда вы видите его, вы знаете, чтобы не переназначать его.
Кебаб-кейс (наборный футляр)
Все строчные, дефис-отделенные: user-profile, background-color, create-react-app. Это собственный формат CSS's для свойств и (через BEM или Tailwind) названий классов, а также it's, какой URL slugs, имена пакетов npm, метки Kubernetes, имена ветвей git и флаги CLI используют. дефисы - это естественные разделители слов на простом английском языке, поэтому кебаб-кейс - это наиболее удобочитаемый формат для всего, что люди читают напрямую - и it's URL-безопасный без кодировки.
Заголовок и дело
Заголовок Дело списывает основные слова и оставляет короткие статьи, предлоги и союзы в нижнем регистре, если они не ведутся: Быстрая коричневая лиса перепрыгивает через ленивую собаку, йо- Это для заголовков, заголовков книг и глав и заголовков слайдов. Предложение случай заглавными только первое слово и имена собственных: Быстрая коричневая лиса перепрыгивает через ленивую собаку, йо- Это современная версия меток, кнопок и основного текста в большинстве систем дизайна.
dot.case, trait/case и поезда
Три специализированных формата: Дот.Колод (com.example.myapp) для пакетов java и конфигурационных ключей; Путь/кейс (src/components/header) для путей и импорта модулей; железнодорожный (Content-Type, X-Request-Id) для заголовков HTTP. Вы будете переходить на них реже, но конвертер Поддерживает обычные, так что вы не делаете это вручную.
Какой случай использовать для языка программирования?
Самый быстрый способ перестать гадать — это усвоить то, что на самом деле говорит руководство по стилю каждого языка. Вот ссылка на перекрестную язык, которую я хотел бы иметь в этом первом запросе на вытягивание.
| стихия | JavaScript / TS | питон | вести | ржавчин | CSS / SQL |
|---|---|---|---|---|---|
| переменные | верблюжья короб | змея_чехол | Верблюжьи (частные) | змея_чехол | Snake_case (SQL) |
| функции | верблюжья короб | змея_чехол | Паскальказа (общедоступный) | змея_чехол | -- |
| Классы / Структуры | паскальский | паскальский | паскальский | паскальский | -- |
| константы | кричащая_змея | кричащая_змея | паскальский | кричащая_змея | -- |
| Компоненты/типы | паскальский | паскальский | паскальский | паскальский | -- |
| Свойства / Столбцы | верблюжья короб | змея_чехол | Паскальказа (общедоступный) | змея_чехол | кебаб / змея |
| пилка | кебаб или паскаль | змея_чехол | змея_чехол | змея_чехол | кебаб |
Несколько вещей, которые эта таблица выиграла 't расскажет вам, но опыт будет. Go обрабатывает видимость через случай - заглавная первая буква означает экспортировано (публично), строчные означает закрытый пакет - поэтому обсадка там семантика, а не стиль. Константы Python - это SCREAMING_SNAKE_CASE только по соглашению; язык выиграл 't остановить вас переназначить их. А в JavaScript, PascalCase выполняет двойную обязанность: он отмечает как классы, так и компоненты React, вот почему JSX может сказать <UserCard /> (ваш компонент) от <div /> (элемент DOM) чисто по заглавной букве.
Как вы конвертируете форматы с помощью инструмента?
Механика сознательно скучна, в этом и есть смысл.
- откройте конвертер, йо-
- Вставить текст Он может быть в любом формате - инструмент обнаруживает границы слов из пробелов, подчеркиваний, дефисов, точек, изменений падежа.
- Выберите целевой формат.
- Преобразованный текст появляется мгновенно. Скопируйте его одним щелчком мыши.
Где он зарабатывает, то это массовая работа. Конвертер обрабатывает многострочные входные данные построчно, поэтому весь список преобразуется сразу. Вставьте этот набор столбцов базы данных как Snake_case:
first_name
last_name
email_address
phone_number
date_of_birth
Выберите CamelCase, и вы получите переменные на стороне приложения за один шаг:
firstName
lastName
emailAddress
phoneNumber
dateOfBirth
Я делаю именно это, когда I'm сопоставляет столбцы модели Ларавеля и#39;s с именами полей React's. Два мира соглашений, одна вставка. Альтернатива - перепечатывание 20 имен или написание сценария разового преобразования - это то, как двухминутная задача становится десятью.
Какие ошибки в конверсии наиболее распространены?
Я сделал все это, и я отметил все это в обзоре. Они сливаются в четыре.
Использование неправильного соглашения для языка. писать const user_name в JavaScript или firstName = "Alice" в Python - классика.Линтерс поймает - ESLint's camelcase правило, Пылинт invalid-name - но это и #39;s чище написать это правильно с первого раза, чем получить красные закорючки.
несогласованность в одном файле. смешивание userName, is_active, и GetUserProfile() В том же модуле Python последовательно выбирают «неправильную» условность, потому что теперь читатель ничего не может предсказать. Постоянство каждый раз превосходит личные предпочтения.
Неправильное обращение с аббревиатурами. Это тонкий, и именно там я был сожжен. Разные языки расходятся во мнениях относительно того, является ли аббревиатура одним словом или чередой букв:
- Javascript Сохраняет аббревиатуру полностью в верхнем регистре:
XMLHttpRequest,HTMLElement, йо- - С# Заглавная только первая буква:
XmlHttpRequest,HtmlElement, йо- - вести В верхнем регистре целая аббревиатура всегда:
XMLHTTPRequest,URL,ServeHTTP, йо-
Вот моя признанная ошибка с этим. я однажды позволил автоматизированному преобразователю повернуть parseHTMLString в parse_h_t_m_l_string через файл - он рассматривал каждую заглавную букву как границу слова - и я совершил это, не внимательно прочитав разницу. Правильный случай snake_ parse_html_string, йо- Я поймал его только тогда, когда Python не мог найти функцию, которую, как мне казалось, я переименовал. Урок: обработка аббревиатур — это именно то, где автоматизированная преобразование дела требует человеческого взгляда, и почему конвертер Сохраняет буквы и смежные номера вместе, а не разбивает их.
Неправильное разделение чисел. user2FAEnabled должен стать user_2fa_enabled, не user_2_f_a_enabled, йо- Сохранение числовых последовательности с соседними буквами — это поведение, которое вы хотите, и легко ошибиться, если вы конвертируете по наивному регулярному выражению.
Реальные сценарии конверсии, которые я бью еженедельно
Код переноса между языками. Перемещение фрагмента из службы Python на узлу означает Snake_case → CamelCase для каждого идентификатора. Вставьте блок, конвертируйте, готово.
Компонент к таблице стилей. компонент React с именем UserProfileCard (Pascalcase) Нужен класс CSS user-profile-card (кебаб-кейс). Одно преобразование.
конфиг в среду. Ключ конфигурации написан database.connection.pool.size (точка.case) становится env var DATABASE_CONNECTION_POOL_SIZE (screaming_snake_case). Конвертер делает сдвиг формата, вы просто вставляете и выбираете.
Название на slug. Заголовок типа & quot;Как конвертировать текстовый чехол Online& quot; нужен URL slug. Для этой конкретной работы Slug Генератор Специально построен, но kebab-case в случае конвертера дает вам большую часть пути.
Часто задаваемые вопросы
Как преобразовать текстовый чехол онлайн?
откройте конвертер, вставьте текст и выберите целевой формат. Он поддерживает CamelCase, PascalCase, Snake_case, Screaming_Snake_case, kebab-case, заголовок, случай предложения, dot.case и многое другое. Конверсия мгновенная, бесплатная и полностью обработанная в вашем браузере.
В чем разница между камельей и змеи_кейсом?
CamelCase соединяет слова без разделителей и заглавных букв каждого слова после первого: getUserProfile, йо- Snake_case использует слова в строчных буквах, соединенные подчеркиванием: get_user_profile, йо- CamelCase является стандартом в JavaScript и Java; Snake_Case — стандарт в Python, Ruby, Rust и SQL. Они кодируют одни и те же слова, только с разными разделителями и правилами заглавной буквы.
Как преобразовать CamelCase в Snake_case?
Вставьте текст верблюжьего груши в конвертер - например getUserProfile - и выберите змея_кейс. Вы получаете get_user_profile Мгновенно. Поскольку инструмент обнаруживает границы слов из заглавных букв, вам не нужно сначала добавлять какие-либо пробелы или маркеры.
Для чего используется Pascalcase?
Паскальказа списывает первую букву каждого слова, включая первую: UserProfile, HttpClient, йо- Он используется для имен классов в большинстве языков, имен компонентов React и Vue, интерфейсов TypeScript и типов, методов и свойств C#, а также экспортированных (публичных) идентификаторов GO. Буква Capital First визуально отличает типы и конструкторы от обычных переменных.
Как должны быть аббревиатуры в именах переменных?
Это зависит от языка. JavaScript держит их полностью в верхнем регистре (XMLHttpRequest), C# заглавной только первую букву (XmlHttpRequest), и перейдите в верхнем регистре всего аббревиатуры (XMLHTTPRequest). Это самая подверженная ошибкам часть преобразования, поэтому проверяйте результат всякий раз, когда идентификатор содержит аббревиатуру, а не доверяет слепому преобразованию.
Могу ли я сразу же преобразовать целый список имен?
да. выше конвертер обрабатывает многострочный ввод построчно Вставить полный список имен или идентификаторов столбцов, выбрать целевой формат, и каждая строка преобразуется одновременно - идеально подходит для сопоставления столбцов базы данных с переменными приложения.
Какой случай мне следует использовать для URL-адресов и CSS?
кебаб-кейс для обоих. URL slugs нравится /blog/text-case-converter-guide и свойства CSS, такие как background-color Используйте все строчные слова, разделенные дефисами. Это наиболее читаемый формат в адресах и таблицах стилей и безопасен для URL-адресов без каких-либо кодировок.
Для чего используется screaming_snake_case?
Константы и переменные среды: MAX_RETRY_COUNT, DATABASE_URL, API_KEY. Сигнал "все заглавные буквы" - это соглашение, а не принудительное правило - он сообщает следующему читателю & quot; это значение фиксировано, don't переназначает его.& quot; It's почти универсален для env vars, потому что переменные оболочки всегда были прописными, и большинство языков следуют одному и тому же соглашению для констант времени компиляции.
В чем разница между заголовком и делом о приговоре?
Заголовок Заглавные слова заглавные слова и оставляют короткие статьи, союзы и предлоги строчные: "Руководство по преобразованию текста в тексте" - это предложение с большой буквы: "Руководство по преобразованию текста в тексте "Традиционно для заголовков;" - теперь - это стиль дома в большинстве команд, потому что он быстрее читает и обрабатывает длинные заголовки лучше.
Как изменить текстовый регистр в документах Word или Google?
В Microsoft Word выберите текст и нажмите Shift + F3 чтобы циклически переходить через строчные, UPPERCASE, и Capitalize Каждое слово, или использовать кнопку Aa на вкладке Главная. в Google Документы есть Формат → Текст → Капитализация. ни предлагает форматы программистов - для camelCase, snake_case, или kebab-case вам нужен выделенный конвертер, йо-
заключение
Преобразование падежей - это небольшой навык, который незаметно отмечает разницу между кодом, который читается как родной для его языка, и кодом, который читается как портированный откуда-то еще.Зная правильное соглашение для каждого контекста - camelCase в JavaScript, snake_case в Python, kebab-case в CSS и URL-адресах, SCREAMING_SNAKE_CASE для констант - предотвращает шум линтера, избегает ошибок и сохраняет кодовую базу когерентной.
Свободный конвертер На Toolz.dev механическая часть делает механическую часть мгновенной: любой формат, любой формат, одну строку или сотню, все в вашем браузере, ничего не загружено. Добавьте его в закладки, и одна часть именования, которую вы можете автоматизировать, остановит вас.
Преобразуйте текст сейчас: Toolz.dev/tools/case-converter
Связанное чтение:
