String.prototype.toUpperCase()

Renvoie une copie de la chaîne convertie en majuscules. Gère correctement les lettres accentuées.

Renvoie
Une nouvelle chaîne avec les lettres converties en majuscules.
Modifie l’original
Non
Sur cette page

Exemple

#
JavaScript
const city = 'évian'
const code = 'promo2026'

console.log(city.toUpperCase())
console.log(code.toUpperCase())
console.log(city)
Console
ÉVIAN
PROMO2026
évian

Définition et utilisation

#

La méthode toUpperCase() renvoie une nouvelle chaîne dans laquelle toutes les lettres sont en majuscules. Les chiffres, espaces et signes de ponctuation restent inchangés, et les lettres accentuées, comme é, à ou ï, sont converties correctement. La méthode ne prend aucun argument.

Elle sert le plus souvent à comparer un texte sans tenir compte de la casse (vous ramenez les deux côtés à la même forme), à mettre en forme des codes et des titres, et, combinée à slice(), à mettre en majuscule la première lettre d’un mot.

Le résultat peut avoir une longueur différente de l’original : l’allemand ß se transforme en SS. Pour les langues aux règles particulières, comme le turc, utilisez toLocaleUpperCase("tr"). La chaîne d’origine ne change pas.

Syntaxe

#
Syntaxe
string.toUpperCase()

Plus d’exemples

#
Comparaison sans tenir compte de la casse
JavaScript
const correct = 'JavaScript'
const answer = 'javascript'

console.log(answer === correct)
console.log(answer.toUpperCase() === correct.toUpperCase())
Console
false
true
Première lettre en majuscule
JavaScript
const name = 'éléonore'
const formatted = name.charAt(0).toUpperCase() + name.slice(1)

console.log(formatted)
Console
Éléonore
Changement de longueur et règles de la langue
JavaScript
console.log('straße'.toUpperCase())
console.log('istanbul'.toUpperCase())
console.log('istanbul'.toLocaleUpperCase('tr'))
Console
STRASSE
ISTANBUL
İSTANBUL

Compatibilité des navigateurs

#

Largement disponible

Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.

  • Chrome
  • Edge
  • Firefox
  • Safari

Bonnes pratiques

#
  • Pour des comparaisons sans tenir compte de la casse, vous pouvez aussi utiliser localeCompare() avec l’option { sensitivity: "base" }. Elle ignore aussi les accents, comme é et e, mais les lettres encore considérées comme distinctes dépendent de la locale choisie.
  • Si le texte doit seulement avoir l’air d’être écrit en majuscules, pensez plutôt à text-transform: uppercase en CSS. Les données restent alors dans leur forme d’origine.

Entrées associées

#

Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.