String.
Usuwa białe znaki z obu końców napisu: spacje, tabulatory i znaki nowej linii.
- Zwraca
- Nowy napis bez białych znaków na obu końcach (albo tylko na początku lub końcu dla
trimStart()itrimEnd()). - Zmienia oryginał
- Nie
Przykład
#const nickname = ' Ania '
console.log(`[${nickname}]`)
console.log(`[${nickname.trim()}]`)Definicja i zastosowanie
#Metoda trim() zwraca nowy napis bez białych znaków na początku i na końcu. Usuwa spacje, tabulatory, znaki nowej linii i inne odstępy Unicode, np. twardą spację. Spacje między słowami zostają nietknięte.
Najczęściej używa się jej na danych wpisanych przez użytkownika. Przypadkowa spacja na końcu nicku albo adresu e-mail potrafi zepsuć porównanie czy logowanie, a pole wypełnione samymi spacjami powinno być traktowane jak puste.
Gdy chcesz oczyścić tylko jedną stronę, użyj trimStart() (początek) albo trimEnd() (koniec). Wszystkie trzy metody nie przyjmują argumentów, zwracają nowy napis i nie zmieniają oryginału.
Składnia
#string.trim()
string.trimStart()
string.trimEnd()Więcej przykładów
#function isEmpty(value) {
return value.trim().length === 0
}
console.log(isEmpty(' '))
console.log(isEmpty('\n\t'))
console.log(isEmpty(' Ola '))const line = ' let points = 10 '
console.log(`[${line.trimStart()}]`)
console.log(`[${line.trimEnd()}]`)const raw = ' html , css,javascript '
const tags = raw.split(',').map((tag) => tag.trim())
console.log(tags)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
#- Przycinaj dane z formularza przed walidacją i zapisem, a nie dopiero przy wyświetlaniu.
trim()nie usuwa podwójnych spacji wewnątrz tekstu. Do tego użyjreplace(/\s+/g, " ").
Powiązane hasła
#- String.prototype.split()Dzieli napis na tablicę fragmentów według separatora: znaku, tekstu lub wyrażenia regularnego.
- String.prototype.lengthDługość napisu, czyli liczba jednostek kodu UTF-16. Właściwość jest tylko do odczytu.
- String.prototype.padStart()Dopełnia napis z lewej strony podanym tekstem, aż osiągnie wskazaną długość. Idealne do zer wiodących.
- String.prototype.toLowerCase()Zwraca kopię napisu zamienioną na małe litery. Przydaje się do porównań i porządkowania danych.
- String.prototype.trimStart()Usuwa białe znaki tylko z początku napisu. Koniec tekstu zostaje bez zmian.
- String.prototype.trimEnd()Usuwa białe znaki tylko z końca napisu, w tym końcowe znaki nowej linii.
Widzisz błąd albo brakuje przykładu? Napisz do nas.