Como converter de kebab-case para camelCase
Converta nomes em kebab-case para camelCase na hora. Digite ou cole o nome de uma variável, função ou coluna e receba a versão em camelCase enquanto digita.
- Digite ou cole um nome em kebab-case, como main-nav-item, na caixa acima.
- A versão em camelCase aparece na hora: main-nav-item vira mainNavItem.
- Copie o resultado ou escolha um dos 17 estilos de nome nas caixas de origem e destino.
Como a conversão funciona
Primeiro o conversor divide o nome em palavras: em cada letra maiúscula, sublinhado, hífen, ponto e espaço. Depois escreve as palavras em camelCase: a primeira palavra em minúsculas, as seguintes com inicial maiúscula e sem separadores. Sequências de maiúsculas como HTTP ficam juntas como uma só palavra, e os dígitos continuam grudados na palavra que vem antes deles.
Exemplos de kebab-case para camelCase
| kebab-case | camelCase |
|---|---|
main-nav-item | mainNavItem |
font-size | fontSize |
background-color | backgroundColor |
is-open | isOpen |
data-test-id | dataTestId |
aria-label | ariaLabel |
O que são kebab-case e camelCase
kebab-case escreve todas as palavras em minúsculas e as une com hífens. É usado em URLs, classes CSS, atributos HTML e nomes de arquivos.
camelCase começa com uma palavra em minúsculas e põe em maiúscula a inicial de cada palavra seguinte, sem separadores. É o padrão para variáveis e funções em JavaScript, Java, C# e Swift.
Perguntas frequentes
O que acontece com siglas como HTTP ou ID?
Uma sequência de maiúsculas é tratada como uma só palavra, então parseHTTPResponse vira parse_http_response em snake_case.
Isso muda o significado do meu código?
Não. Só reescreve o nome. Lembre-se de renomear todos os lugares que usam o nome, senão o código vai procurar o antigo.
Qual estilo devo usar?
Siga a convenção da sua linguagem ou projeto: camelCase em JavaScript e Java, snake_case em Python, Ruby e SQL, e kebab-case em URLs e CSS.
Esta ferramenta é gratuita?
Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.
Como recebo o resultado?
Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.