Cómo convertir el caso de caracteres de una cadena en JavaScript

En este tutorial, aprenderá cómo convertir un carácter de cadena a mayúsculas, minúsculas y mayúsculas utilizando métodos nativos de JavaScript.

JavaScript proporciona muchas funciones y métodos que le permiten manipular datos para varios propósitos. Recientemente analizamos métodos convertir cadena a número y un número de línea o uno filay para división de líneas. Este artículo presentará formas de cambiar la convención de caracteres de una cadena, útil para representar cadenas en un formato específico o para comparaciones de cadenas válidas.

Convertir la cadena a minúsculas

Si necesita escribir su cadena en minúsculas, puede usar toLowerCase() método existente en filas. Este método devuelve una cadena con todos los caracteres en minúsculas.

Por ejemplo:

const str = 'HeLlO';
console.log(str.toLowerCase()); 
console.log(str); 

Mediante el uso toLowerCase() método en str variable, puede obtener la misma cadena con todos los caracteres en minúsculas. Tenga en cuenta que se devuelve una nueva cadena sin afectar su valor str.

Convertir la cadena a mayúsculas

Si necesita una cadena en mayúsculas, puede usar toUpperCase() método existente en filas. Este método devuelve una cadena con todos los caracteres en mayúsculas.

Por ejemplo:

const str = 'HeLlO';
console.log(str.toUpperCase()); 
console.log(str); 

Mediante el uso toUpperCase() método en str variable, puede obtener la misma cadena con todos los caracteres en mayúsculas. Tenga en cuenta que se devuelve una nueva cadena sin afectar su valor str.

Convertir la cadena a caso de encabezado

El caso de uso más común para convertir el caso de una cadena es convertirlo a un estado de encabezado. Esto se puede utilizar para mostrar nombres y títulos.

Hay maneras diferentes de hacer esto. Una forma es usar un método toUpperCase() en el primer carácter de la cadena, luego concatene con el resto de la cadena. Por ejemplo:

const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); 

En este ejemplo, obtienes el primer carácter usando 0 índice en str variable. Luego, lo conviertes a mayúsculas usando toUpperCase() método. Finalmente, recuperas el resto de la cadena usando substr() y combine el resto de la cadena con la primera letra. aplicas toLowerCase() en el resto de la cadena para asegurarse de que está escrito en minúsculas.

Esto solo escribe en mayúscula la primera letra de la palabra. Sin embargo, en algunos casos, si tiene una oración, es posible que desee escribir en mayúscula cada palabra de la oración. En este caso, es mejor usar una función como esta:

function toTitleCase (str) {
  if (!str) {
    return '';
  }
  const strArr = str.split(' ').map((word) => {
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  });
  return strArr.join(' ');
}

const str = 'hello world';
console.log(toTitleCase(str)); 

los toTitleCase() La función toma un parámetro que es una cadena para convertir al carácter del título.

En la función, primero verifica si la cadena está vacía y, de ser así, devuelve una cadena vacía.

A continuación, divide la cadena en un separador de espacios que la devuelve. Entonces lo usas método de mapa en la matriz para aplicar la transformación que vio en el ejemplo anterior a cada elemento de la matriz. Esto convierte cada palabra en un título.

Finalmente, concatena los elementos de la matriz en una cadena con el mismo separador de espacios y la devuelve.

Muestra en vivo

Puede probar la funcionalidad en la demostración de CodePen a continuación toLowerCase() y toUpperCase(). Cuando ingresa una cadena en la entrada, se convierte y se muestra tanto en mayúsculas como en minúsculas. Puede intentar usar caracteres con letras diferentes en la cadena.

mira la pluma
Convierta el caso de caracteres de una cadena en JavaScript por SitePoint (@PuntoSitio)
sobre CódigoPen.

Cambiar la resolución de caracteres para la comparación de cadenas

En muchos casos, deberá comparar cadenas antes de ejecutar un bloque de código. Si no puede controlar la dirección de los caracteres en la que se escribe la cadena, realizar una comparación en una cadena sin aplicar ningún director de caracteres puede generar resultados inesperados.

Por ejemplo:

const input = document.querySelector('input[type=text]');
if (input.value === 'yes') {
  alert('Thank you for agreeing!');
} else {
  alert('We still like you anyway')
}

Si el usuario ingresa el login Yes en vez de yesla condición de igualdad fallará y se mostrará una advertencia falsa.

Puede resolver esto aplicando mayúsculas y minúsculas a la cadena:

const input = document.querySelector('input[type=text]');
if (input.value.toLowerCase() === 'yes') {
  alert('Thank you for agreeing!');
} else {
  alert('We still like you anyway')
}

El resultado

Debe aprender a convertir el carácter en mayúsculas y minúsculas de una cadena en JavaScript. A menudo necesita usarlo para muchos casos de uso, como mostrar una cadena en un formato específico. También puede usarlo para comparar cadenas de forma segura.

La aplicación de mayúsculas y minúsculas a las cadenas que compara garantiza que puede comprobar que el contenido de las cadenas es igual, independientemente de cómo se escriban.

Si te ha resultado útil este artículo, también te puede interesar: