O que é camelCase
O camelCase junta as palavras sem espaços. A primeira palavra fica em minúsculas e cada palavra depois dela começa com letra maiúscula:
first namevirafirstNametotal_order_countviratotalOrderCountis-logged-inviraisLoggedIn
As linguagens de programação não aceitam espaços em nomes, então quem programa precisa de um jeito de mostrar onde uma palavra termina e a outra começa. O camelCase faz isso com maiúsculas.
Como o conversor lê seu texto
A ferramenta descobre onde estão as palavras e depois as junta. Ela separa as palavras em:
- espaços e tabulações
- sublinhados, hifens, pontos e barras
- uma letra minúscula seguida de uma maiúscula, então
UserNameé lido como “User” e “Name”
Depois passa a primeira palavra para minúsculas, coloca maiúscula nas demais e remove os separadores. Apóstrofos são descartados, então “don’t stop” vira dontStop. Os números são mantidos.
Cada linha é tratada separadamente. Isso facilita converter de uma vez uma coluna de campos de banco de dados ou uma lista de chaves JSON.
| Entrada | Resultado |
|---|---|
| user first name | userFirstName |
| order_total_amount | orderTotalAmount |
| background-color | backgroundColor |
| GetUserById | getUserById |
| API response code | apiResponseCode |
| data de nascimento | dataDeNascimento |
Nomes em português e acentos
Muitas equipes no Brasil dão nomes em português às variáveis, como valorTotalPedido ou dataDeNascimento. O conversor funciona do mesmo jeito com essas palavras. Os acentos, porém, são mantidos: “preço unitário” vira preçoUnitário. JavaScript, Java e Python 3 aceitam letras acentuadas em nomes, mas a prática mais comum é evitá-las, porque elas complicam buscas, teclados de outros países e algumas ferramentas. Se for o caso, escreva sem acento antes de converter (“preco unitario” vira precoUnitario).
Onde o camelCase é usado
- JavaScript e TypeScript: variáveis, funções e propriedades de objetos
- Java, Kotlin e Swift: variáveis e nomes de métodos
- JSON: chaves em muitas APIs web
- C#: variáveis locais e parâmetros
- CSS dentro do JavaScript:
backgroundColorno lugar debackground-color
Outras linguagens preferem estilos diferentes. Python e Ruby usam snake_case em variáveis, e os nomes de classes na maioria das linguagens usam PascalCase.
Conversões comuns
De snake_case para camelCase. Útil quando um backend em Python ou SQL envia dados para um frontend em JavaScript. Cole os nomes dos campos e converta a lista.
De kebab-case para camelCase. Propriedades CSS e atributos HTML usam hifens. O JavaScript precisa de camelCase para lê-los: data-user-id, por exemplo, vira dataUserId.
De palavras comuns para camelCase. Digite uma descrição como “is email verified” ou “email foi verificado” e receba um nome de variável pronto.