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

En este tutorial rápido, aprenderemos cómo poner en mayúscula la primera letra de una cadena en JavaScript.

Índice
  1. Función 'Mayúsculas'
  2. Detalles de la función 'capitalizar'
  3. Agregue 'mayúsculas' a los métodos de cadena
  4. Poner en mayúscula la primera letra de cada palabra en una cadena dada

Función 'Mayúsculas'

Puedes usar esta costumbre capitalize() función para poner en mayúscula la primera letra de una cadena:

// es5 way
function capitalize(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

// es6 way using destructuring 
const capitalize = ([first,...rest]) => first.toUpperCase() + rest.join('');

Detalles de la función 'capitalizar'

Veamos los pasos necesarios para llegar a capitalize() Una función:

  1. Obtenga la primera letra de la cadena usando charAt() método
    const string = "string";
    
    string.charAt(0);  // Returns "s"
    
  2. Convierta la primera letra a mayúscula usando toUpperCase() método
    const string = "string";
    
    string.charAt(0).toUpperCase();  // Returns "S"
    
  3. Obtenga el resto de la cadena excepto la primera letra usando slice() método
    const string = "string";
    
    string.slice(1);  // Returns "tring"
    

    Note que slice(1) significa obtener una subcadena desde el índice 1 hasta el final de la cadena. Alternativamente, también puede usar substring(1).

  4. Finalmente, agregue la primera letra mayúscula al resto de la cadena
    var string = "string";
    
    function capitalize(string) {
      return string.charAt(0).toUpperCase() + string.slice(1);
    }
    
    capitalize(string);  // Returns "String"
    

Agregue 'mayúsculas' a los métodos de cadena

También podemos añadir nuestro a medida capitalize() funcion de String.prototype para que podamos usarlo directamente en una cadena.

var string = "string";

/* this is how methods are defined in prototype of any built-in Object */
Object.defineProperty(String.prototype, 'capitalize', {
    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.capitalize(); // Returns "String"

Poner en mayúscula la primera letra de cada palabra en una cadena dada

Podemos usar el capitalizeSentence función para poner en mayúscula la primera letra de cada palabra en una oración:

function capitalizeSentence(sentence) {
    return sentence
      .split(" ")
      .map(string => string.charAt(0).toUpperCase() + string.slice(1))
      .join(" ");
}

capitalizeSentence("a quick brown fox jumps over the lazy dog");
// "A Quick Brown Fox Jumps Over The Lazy Dog"

Si quieres conocer otros artículos parecidos a Cómo poner en mayúscula la primera letra de una cadena en JavaScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas