JavaScript: Primeira letra maiúscula em uma String (Exemplos)

Precisa converter a primeira letra de um texto para maiúsculo em JavaScript? Acompanhe os exemplos neste artigo e saiba qual opção utilizar.

A melhor forma de alterar a caixa da primeira letra em uma string é separando a primeira letra do restante da string, e você pode fazer isso de algumas formas:

const str = 'ricardo';
const capitalized = str[0].toUpperCase() + str.substr(1); // Ricardo

No código acima, primeiro nós pegamos a primeira letra através de str[0]. Alternativamente você pode fazer o mesmo usando str.charAt(0). Depois fazemos a conversão para maiúsculo usando toUpperCase(). E por último, concatenamos com a mesma string e removemos a primeira letra usando substr(1).

Você também pode criar um método no objeto String para esse fim:

String.prototype.capitalize = function() {
	return this.charAt(0).toUpperCase() + this.substr(1);
}

Você pode chamar a função acima da seguinte forma:

'ricardo'.capitalize(); // Ricardo

Ou você pode também ter uma função independente:

const capitalize = str => {
	if (typeof str !== 'string') {
		return '';
	}
	return str.charAt(0).toUpperCase() + str.substr(1);
}

Para chamar a função acima:

capitalize('ricardo'); // Ricardo

Primeira letra maiúscula com CSS

Se você quiser alterar a caixa da primeira letra apenas para fins estéticos, talvez a melhor solução seja usando CSS:

.capitalized {
	text-transform: capitalize;
}

<p class="capitalized">ricardo</p> <!-- Ricardo -->