Qué es camelCase
camelCase une las palabras sin espacios. La primera palabra se queda en minúscula y cada palabra siguiente empieza con mayúscula:
first namepasa afirstNametotal_order_countpasa atotalOrderCountis-logged-inpasa aisLoggedIn
Los lenguajes de programación no admiten espacios en los nombres, así que hace falta una forma de marcar dónde termina una palabra y empieza la siguiente. camelCase lo hace con mayúsculas.
Cómo lee tu texto el convertidor
La herramienta detecta dónde están las palabras y después las une. Separa palabras en:
- espacios y tabulaciones
- guiones bajos, guiones, puntos y barras
- una minúscula seguida de una mayúscula, así que
UserNamese lee como “User” y “Name”
Luego pasa a minúscula la primera palabra, pone mayúscula a las demás y quita los separadores. Los apóstrofos se eliminan, así que “don’t stop” pasa a dontStop. Los números se conservan.
Cada línea se trata por separado. Así es fácil convertir de una vez una columna de campos de una base de datos o una lista de claves JSON.
| Texto | Resultado |
|---|---|
| user first name | userFirstName |
| order_total_amount | orderTotalAmount |
| background-color | backgroundColor |
| GetUserById | getUserById |
| API response code | apiResponseCode |
Si escribes los nombres en español, el convertidor conserva las tildes y la ñ: “nombre de usuario” pasa a nombreDeUsuario, pero “tamaño de página” pasa a tamañoDePágina. JavaScript, Java y Python aceptan esas letras en los nombres, aunque la mayoría de los equipos prefieren identificadores solo con letras ASCII. Si quieres quitar las tildes antes, pasa el texto por el generador de slugs, que convierte “á” en “a” y “ñ” en “n”.
Dónde se usa camelCase
- JavaScript y TypeScript: variables, funciones y propiedades de objetos
- Java, Kotlin y Swift: variables y nombres de métodos
- JSON: claves en muchas API web
- C#: variables locales y parámetros
- CSS en JavaScript:
backgroundColoren lugar debackground-color
Otros lenguajes prefieren otros estilos. Python y Ruby usan snake_case para las variables, y los nombres de clases en la mayoría de los lenguajes usan PascalCase.
Conversiones habituales
De snake_case a camelCase. Útil cuando un backend en Python o SQL envía datos a un frontend en JavaScript. Pega los nombres de los campos y convierte la lista.
De kebab-case a camelCase. Las propiedades de CSS y los atributos de HTML usan guiones. JavaScript necesita camelCase para leerlos: por ejemplo, data-user-id pasa a dataUserId.
De palabras sueltas a camelCase. Escribe una descripción como “is email verified” y obtén un nombre de variable listo para usar.