Cómo convertir una cadena a mayúscula o minúscula en JavaScript

En este tutorial vamos a ver cómo puedes transformar una cadena para que sus letras estén todas en mayúscula o en minúscula usando JavaScript.

La mejor opción consiste en usar los métodos toUpperCase y toLowerCase, disponibles en objetos de tipo String y en consecuencia en las cadenas de tipo primitivo.

Usa el método toUpperCase para convertir todos los caracteres de una cadena en mayúscula:

const cadena = 'Hola, colega!'.toUpperCase();
console.log(cadena); // HOLA, COLEGA!

Usa el método toLowerCase para convertir todos los caracteres de una cadena en minúscula:

const cadena = 'HOLA, COLEGA!'.toLowerCase();
console.log(cadena); // hola, colega!

Estos métodos no aceptan ningún parámetro y no modificarán la cadena original, Por lo que deberías asignar siempre el resultado a una constante o a una variable.

En caso de que quieras tener en cuenta la configuración local de un idioma en concreto, tendrás que usar los métodos toLocaleUpperCase o toLocaleLowerCase en lugar de los que hemos visto. Esto es debido a que en algunos idiomas la correspondencia entre minúsculas y mayúsculas no es siempre la misma, y además podrían usar ciertos caracteres especiales. Ambos métodos aceptan como parámetro las siglas del idioma cuya configuración se debe aplicar.

Usa el método toLocaleUpperCase para convertir todos los caracteres de una cadena en mayúscula aplicando la configuración local del idioma que pases como parámetro:

const cadena = 'Hola, colega!'.toLocaleUpperCase('es');
console.log(cadena); // HOLA, COLEGA!

Usa el método toLocaleLowerCase para convertir todos los caracteres de una cadena en minúscula aplicando la configuración local del idioma que pases como parámetro:

const cadena = 'HOLA, COLEGA!'.toLocaleLowerCase('es');
console.log(cadena); // hola, colega!

Y esto ha sido todo.

---