JavaScript:
Capitalizando uma string

Como fazer:

Em JavaScript, não existe um método integrado para capitalizar strings diretamente, mas é fácil implementar usando métodos básicos de manipulação de strings.

Usando JavaScript Padrão

function capitalize(str) {
  if (!str) return '';
  return str.charAt(0).toUpperCase() + str.slice(1);
}

console.log(capitalize('hello world')); // Saída: "Hello world"

Versão ES6

Com literais de modelo do ES6, a função pode ser escrita de uma maneira mais sucinta:

const capitalize = (str) => !str ? '' : `${str[0].toUpperCase()}${str.slice(1)}`;

console.log(capitalize('hello ES6')); // Saída: "Hello ES6"

Usando Lodash

Lodash é uma biblioteca de utilitários de terceiros popular que oferece uma ampla gama de funções para manipular e trabalhar com valores JavaScript, incluindo strings. Para capitalizar uma string usando Lodash:

// Primeiro, instale o lodash se você ainda não o fez: npm install lodash
const _ = require('lodash');

console.log(_.capitalize('LODASH example')); // Saída: "Lodash example"

Observe como Lodash não apenas capitaliza a primeira letra, mas também converte o resto da string para minúscula, o que difere um pouco da implementação em JavaScript puro.

Usando CSS (Apenas para Fins de Exibição)

Se o objetivo é capitalizar o texto para exibição na UI, o CSS pode ser usado:

.capitalize {
  text-transform: capitalize;
}

<div class="capitalize">hello css</div> <!-- Exibe como "Hello css" -->

Nota: Esse método altera a aparência do texto na página da web sem alterar a string em si em JavaScript.