Normalizar cadenas (trim y unificar mayúsculas)

En esta lección aprenderás la normalización de cadenas (trim y unificación de mayúsculas) para comparar con seguridad lo que escribe el usuario. Está dirigida a quien busca «uso de trim en JavaScript» o «normalizar cadenas en JavaScript».

Las cadenas que escriben los usuarios suelen traer espacios sobrantes en los bordes y un uso irregular de las mayúsculas. Quitar los espacios con .trim() y unificar a una forma fácil de comparar con .toLowerCase() se llama normalización. Sin este paso, comparar cadenas puede devolver false incluso con dos textos que a una persona le parecen idénticos.

El código de ejemplo combina .trim().toLowerCase() en una sola operación dentro de una función llamada normalize, agrupando en un paso el recorte de espacios y el paso a minúsculas. Puedes comprobar que dos cadenas visualmente distintas, " Hola Mundo " y "hola mundo", se tratan como la misma una vez normalizadas antes de comparar.

Un tropiezo habitual al empezar es aplicar la normalización solo a una parte y olvidar normalizar uno de los lados de la comparación. Al escribir código que compara cadenas, asegúrate de aplicar la misma normalización a ambos lados. Conviene saber además que hay patrones, como caracteres de ancho completo frente a medio, que este tipo de normalización no resuelve del todo.

Es una técnica básica imprescindible para validar entradas y para el inicio de sesión. La normalización aparece en muchos sitios como un paso previo importante: comprobar duplicados al registrar un usuario, o preparar el texto para una función de búsqueda.