Saltar al contenido principal

Cómo convertir texto a camelCase, snake_case, kebab-case y PascalCase

Por Converty Team

Aprenda a convertir texto en camelCase, snake_case, kebab-case y PascalCase sin que la limpieza de nombres se convierta en una reescritura manual.

Cómo convertir texto a camelCase, snake_case, kebab-case y PascalCase

La limpieza de nombres es uno de esos pequeños trabajos que aparecen en muchos lugares diferentes. El nombre de un producto debe convertirse en una URL slug. El encabezado de una hoja de cálculo debe convertirse en un nombre de propiedad. Un token CSS necesita un identificador predecible. Una nota de un archivo de diseño debe convertirse en algo que un desarrollador pueda pegar en el código sin tener que volver a escribir cada palabra a mano.

La parte difícil es no entender qué significa camelCase, snake_case, kebab-case o PascalCase. La parte difícil es aplicar la misma regla de manera consistente cuando el texto fuente tiene espacios, puntuación, mayúsculas y separadores mixtos. Ahí es donde resulta útil un flujo de trabajo centrado en Caso / Slug / Escape. Pegue el texto fuente una vez, revisen juntos las variantes de los casos y copie el resultado que se ajuste al siguiente sistema.

Por qué la conversión de casos es importante en el trabajo real

La conversión de casos se sitúa entre la escritura y la implementación. La frase amigable para los humanos generalmente no es el nombre amigable para las máquinas.

Imagine un indicador de función llamado "Nuevo banner de pago". La nota del producto utiliza mayúsculas y minúsculas. Es posible que el código necesite newCheckoutBanner. Un archivo de configuración podría esperar new_checkout_banner. Un segmento de ruta o una clase CSS podría preferir new-checkout-banner. La misma idea viaja a través de varios sistemas, y cada reescritura manual es una pequeña oportunidad para desviarse.

El mismo problema aparece en las operaciones de contenido. Un titular se convierte en un slug. El nombre de una campaña se convierte en una clave de seguimiento. Una etiqueta de soporte se convierte en un identificador interno. Si cada persona reescribe el nombre de manera diferente, el trabajo se vuelve más difícil de buscar, comparar y mantener.

Cómo convertir texto a formatos de mayúsculas y minúsculas comunes

El flujo de trabajo más rápido es mantener visible la frase fuente y generar los resultados probables uno al lado del otro.

  1. Abra la herramienta Caso / Slug / Escape.
  2. Pega la frase, etiqueta, título o identificador que necesitas normalizar.
  3. Compare las salidas generadas camelCase, PascalCase, snake_case y kebab-case.
  4. Copie el formulario que coincida con el sistema de destino.
  5. Mantenga la frase fuente cerca si alguien necesita confirmar el nombre legible por humanos más adelante.

Esto es mejor que editar manualmente los separadores porque la regla se aplica una vez. No está adivinando si una palabra debe permanecer en mayúscula o si un signo de puntuación debe convertirse en un separador. Estás convirtiendo una frase en resultados predecibles.

¿Qué caso debería utilizar?

Los distintos estilos de casos suelen asignarse a distintos destinos.

Formatouso comúnRazón práctica
camelCaseVariables de JavaScript, claves de objetos, nombres de estados de UICompacto y común en el código frontend
PascalCaseNombres de componentes, nombres de clases, tipos exportadosMantiene las unidades de código con nombre fáciles de escanear
snake_caseCampos de datos, encabezados derivados de CSV, algunas APISeparadores transparentes con estabilidad de minúsculas
kebab-caseURL slugs, segmentos de ruta, etiquetas tipo CSSLegible en rutas y contextos con guiones.

Lo importante es no tratar un estilo como universalmente correcto. La salida correcta es la que se ajusta al lugar donde irá el texto a continuación.

Usa el mismo pase para slugs y escapar

La limpieza de casos suele aparecer junto a otras limpiezas de texto. Después de que un título se convierta en kebab-case, es posible que también deba convertirse en una URL limpia slug. Después de que un fragmento se convierte en un identificador, es posible que un valor relacionado necesite un escape de URL, HTML o JSON antes de poder pegarlo de forma segura en otro lugar.

Es por eso que Converty mantiene juntas las salidas de mayúsculas y minúsculas, slug y de escape. La herramienta no intenta convertirse en un sistema de gestión de contenidos o un editor de código. Es un breve paso operativo para convertir el texto preliminar en las formas que esperan la publicación, el enrutamiento y la implementación.

Para obtener un flujo de trabajo de lanzamiento más amplio que combine slugs con Markdown y la preparación de favicons, lea Cómo los equipos de contenido pueden preparar Slugs, Markdown y Favicons para un nuevo lanzamiento. Si la siguiente pregunta es sobre codificación en lugar de nombres, continúe con Cuándo usar codificación URL, escape HTML y escape JSON.

Abra la herramienta Caso / Slug / Escape cuando la siguiente tarea sea convertir una frase aproximada en un identificador predecible, slug o una cadena con escape.

También te puede interesar