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
Przykład
#const city = 'łódź'
const code = 'promo2026'
console.log(city.toUpperCase())
console.log(code.toUpperCase())
console.log(city)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
#string.toUpperCase()Więcej przykładów
#const correct = 'JavaScript'
const answer = 'javascript'
console.log(answer === correct)
console.log(answer.toUpperCase() === correct.toUpperCase())const name = 'żaneta'
const formatted = name.charAt(0).toUpperCase() + name.slice(1)
console.log(formatted)console.log('straße'.toUpperCase())
console.log('istanbul'.toUpperCase())
console.log('istanbul'.toLocaleUpperCase('tr'))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.éie, 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
#- String.prototype.toLowerCase()Zwraca kopię napisu zamienioną na małe litery. Przydaje się do porównań i porządkowania danych.
- String.prototype.localeCompare()Porównuje dwa napisy według reguł języka. Zwraca liczbę ujemną, zero lub dodatnią, idealną do sortowania.
- String.prototype.charAt()Zwraca znak spod podanego indeksu. Poza zakresem zwraca pusty napis zamiast undefined.
- String.prototype.slice()Zwraca fragment napisu od indeksu początkowego do końcowego (bez niego). Obsługuje indeksy ujemne.
Widzisz błąd albo brakuje przykładu? Napisz do nas.