JavaScript:
Mettre en majuscule une chaîne

Comment faire :

En JavaScript, il n’existe pas de méthode intégrée pour mettre directement en capitale les chaînes de caractères, mais c’est simple à implémenter en utilisant les méthodes de manipulation de chaînes de base.

Utiliser le JavaScript Standard

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

console.log(capitalize('hello world')); // Sortie: "Hello world"

Version ES6

Avec les littéraux de gabarits ES6, la fonction peut être écrite de manière plus succincte :

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

console.log(capitalize('hello ES6')); // Sortie: "Hello ES6"

Utiliser Lodash

Lodash est une bibliothèque d’utilitaires tiers populaire qui offre une large gamme de fonctions pour manipuler et travailler avec les valeurs JavaScript, y compris les chaînes de caractères. Pour mettre une chaîne en capitale en utilisant Lodash :

// D'abord, installez lodash si vous ne l'avez pas fait : npm install lodash
const _ = require('lodash');

console.log(_.capitalize('EXEMPLE LODASH')); // Sortie: "Lodash exemple"

Remarquez comment Lodash non seulement met la première lettre en majuscule mais aussi convertit le reste de la chaîne en minuscule, ce qui diffère légèrement de l’implémentation en JavaScript pur.

Utiliser CSS (Uniquement à des Fins d’Affichage)

Si l’objectif est de mettre le texte en capitale pour l’affichage dans l’UI, le CSS peut être utilisé :

.capitalize {
  text-transform: capitalize;
}

<div class="capitalize">bonjour css</div> <!-- Affiche "Bonjour css" -->

Note : Cette méthode change l’apparence du texte sur la page web sans modifier la chaîne elle-même en JavaScript.