Cómo poner en mayúscula la primera letra de una cadena en JavaScript

Programación

Para poner en mayúscula la primera letra de una cadena aleatoria, debe seguir estos pasos:

  1. Obtenga la primera letra de la cadena;
  2. Convierta la primera letra a mayúscula;
  3. Obtenga el resto de la cadena;
  4. Concatenar la primera letra en mayúscula con el resto de la cadena y devolver el resultado;

1. Obtenga la primera letra de la cadena

Debe usar el método charAt (), en el índice 0 , para seleccionar el primer carácter de la cadena.

var string = "freeCodecamp"; string.charAt(0); // Returns "f"

NOTA: charAtes preferible que usar [ ](notación entre corchetes) ya que str.charAt(0)devuelve una cadena vacía ( '') para en str = ''lugar de undefineden caso de ''[0].

2. Convertir la primera letra a mayúscula

Puede usar el método toUpperCase () y convertir la cadena de llamada a mayúsculas.

var string = "freeCodecamp"; string.charAt(0).toUpperCase(); // Returns "F"

3. Obtenga el resto de la cadena

Puede usar el método slice () y obtener el resto de la cadena (desde el segundo carácter, índice 1 , hasta el final de la cadena).

var string = "freeCodecamp"; string.slice(1); // Returns "reeCodecamp"

4. Devuelve el resultado agregando la primera letra y el resto de la cadena

Debe crear una función que acepte una cadena como único argumento y devuelva la concatenación de la primera letra en mayúscula string.charAt(0).toUpperCase()y el resto de la cadena string.slice(1).

var string = "freeCodecamp"; function capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } capitalizeFirstLetter(string); // Returns "FreeCodecamp"

O puede agregar esa función String.prototypepara usarla directamente en una cadena usando el siguiente código ( para que el método no sea enumerable pero pueda sobrescribirse o eliminarse más tarde ):

var string = "freeCodecamp"; /* this is how methods are defined in prototype of any built-in Object */ Object.defineProperty(String.prototype, 'capitalizeFirstLetter', { value: function () { return this.charAt(0).toUpperCase() + this.slice(1); }, writable: true, // so that one can overwrite it later configurable: true // so that it can be deleted later }); string.capitalizeFirstLetter(); // Returns "FreeCodecamp"

Fuente

stackoverflow: escribe en mayúscula la primera letra de la cadena en JavaScript