JavaScriptNapisy

String.prototype.toUpperCase()

Zwraca kopię napisu zamienioną na wielkie litery. Poprawnie obsługuje polskie znaki.

Zwraca
Nowy napis z literami zamienionymi na wielkie.
Zmienia oryginał
Nie
Na tej stronie

Przykład

#
JavaScript
const city = 'łódź'
const code = 'promo2026'

console.log(city.toUpperCase())
console.log(code.toUpperCase())
console.log(city)
Konsola
ŁÓDŹ
PROMO2026
łódź

Definicja i zastosowanie

#

Metoda toUpperCase() zwraca nowy napis, w którym wszystkie litery są wielkie. Cyfry, spacje i znaki interpunkcyjne zostają bez zmian, a polskie litery, takie jak ą, ł czy ż, są zamieniane poprawnie. Metoda nie przyjmuje argumentów.

Najczęściej służy do porównywania tekstu bez względu na wielkość liter (obie strony sprowadzasz do tej samej postaci), do formatowania kodów i nagłówków, a w połączeniu z slice() do zamiany pierwszej litery słowa na wielką.

Wynik może mieć inną długość niż oryginał: niemieckie ß zamienia się na SS. Dla języków ze szczególnymi regułami, np. tureckiego, użyj toLocaleUpperCase("tr"). Oryginalny napis się nie zmienia.

Składnia

#
Składnia
string.toUpperCase()

Więcej przykładów

#
Porównanie bez względu na wielkość liter
JavaScript
const correct = 'JavaScript'
const answer = 'javascript'

console.log(answer === correct)
console.log(answer.toUpperCase() === correct.toUpperCase())
Konsola
false
true
Wielka pierwsza litera
JavaScript
const name = 'żaneta'
const formatted = name.charAt(0).toUpperCase() + name.slice(1)

console.log(formatted)
Konsola
Żaneta
Zmiana długości i reguły języka
JavaScript
console.log('straße'.toUpperCase())
console.log('istanbul'.toUpperCase())
console.log('istanbul'.toLocaleUpperCase('tr'))
Konsola
STRASSE
ISTANBUL
İSTANBUL

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Do porównań bez względu na wielkość liter możesz też użyć localeCompare() z opcją { sensitivity: "base" }. Pomija ona również akcenty, np. é i e, ale dla kodu języka "pl" litery ą czy ł pozostają osobnymi literami.
  • Jeśli tekst ma tylko wyglądać na pisany wielkimi literami, rozważ w CSS text-transform: uppercase. Dane pozostaną wtedy w oryginalnej postaci.

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.