JavaScriptNapisy

String.prototype.toLowerCase()

Zwraca kopię napisu zamienioną na małe litery. Przydaje się do porównań i porządkowania danych.

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

Przykład

#
JavaScript
const email = '  Ania.Kowalska@Example.COM '

console.log(email.trim().toLowerCase())
console.log('ŻÓŁW'.toLowerCase())
Konsola
ania.kowalska@example.com
żółw

Definicja i zastosowanie

#

Metoda toLowerCase() zwraca nowy napis, w którym wszystkie wielkie litery zamieniono na małe. Znaki, które nie są literami, zostają bez zmian, a oryginalny napis pozostaje taki, jaki był. Metoda nie przyjmuje argumentów.

To najprostszy sposób na ujednolicenie tekstu przed porównaniem lub wyszukiwaniem. Adres e-mail wpisany jako Ania@Example.com i ania@example.com to w praktyce ten sam adres, więc przed zapisaniem albo sprawdzeniem warto sprowadzić go do małych liter.

Podobnie jak toUpperCase(), metoda korzysta z uniwersalnych reguł Unicode. Dla języków o innych zasadach, np. tureckiego, istnieje toLocaleLowerCase() z kodem języka.

Składnia

#
Składnia
string.toLowerCase()

Więcej przykładów

#
Wyszukiwanie bez względu na wielkość liter
JavaScript
const courses = ['JavaScript od podstaw', 'Zaawansowany React', 'Python dla początkujących']
const query = 'REACT'

const results = courses.filter((course) => course.toLowerCase().includes(query.toLowerCase()))

console.log(results)
Konsola
['Zaawansowany React']
Adres w stylu slug
JavaScript
const title = 'Pętle W JavaScript'
const slug = title.toLowerCase().replaceAll(' ', '-')

console.log(slug)
Konsola
pętle-w-javascript

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

#
  • Ujednolicaj dane w jednym miejscu, np. przy zapisie adresu e-mail, zamiast pamiętać o toLowerCase() przy każdym porównaniu.
  • Gdy przy porównaniu liczą się też akcenty i reguły języka, lepszym narzędziem jest localeCompare().

Powiązane hasła

#

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