Il metodo trim in JavaScript è utilizzato per rimuovere gli spazi bianchi (spazi, tabulazioni e ritorni a capo) dall’inizio e dalla fine di una stringa. Questo è particolarmente utile quando si gestiscono input utente o quando si manipolano stringhe che potrebbero contenere spazi aggiuntivi indesiderati.
La sintassi di questo metodo è piuttosto semplice, infatti si richiama il metodo semplicemente sulla stringa che si vuole ripulire: stringa.trim().
Dove stringa rappresenta dunque la stringa da manipolare.
Il metodo trim()
in JavaScript non accetta parametri. Esso opera direttamente sulla stringa a cui è applicato, rimuovendo gli spazi bianchi (spazi, tabulazioni e ritorni a capo) solo dall’inizio e dalla fine della stringa.
Esempio d’uso di trim in JavaScript
Facciamo quindi un semplice esempio di utilizzo di questo metodo.
Prendiamo in input una stringa di esempio ‘Coding Creativo‘ con degli spazi vuoti inseriti all’inizio e alla fine e per comodità la visualizziamo nella console del browser.
const frase = ' Coding Creativo ';
console.log(frase);
Noteremo che la stringa di esempio è visualizzata con tutti i suoi spazi.
Se quindi, alla stringa applichiamo il metodo trim di JavaScript, ci accorgiamo che sia gli spazi iniziali, sia quelli finali, sono stati eliminati.
Ecco quindi il codice di esempio che fa uso del metodo trim():
let frase = ' Coding Creativo ';
frase = frase.trim();
console.log(frase);
Con ECMAScript 2019 (ES10) sono stati inseriti anche i metodi trimStart()
e trimEnd()
, questi metodi rimuovono gli spazi bianchi solo dall’inizio (parte sinistra) o dalla fine (parte destra) di una stringa. Possono essere dunque utilizzati quando si richiede l’eliminazione di spazi vuoti solo da un’estremo.
Conclusione
In questa lezione abbiamo visto semplicemente a cosa è utile il metodo trim di JavaScript, utilizzato sulle stringhe di testo. Nelle prossime lezioni vedremo altri modi per togliere spazi vuoti dall’inizio e dalla fine di una stringa.
Alcuni link utili
Come utilizzare JavaScript alert
Come utilizzare JavaScript confirm
Creare elementi nel Dom con JavaScript
[…] Prev lesson: trimNext lesson: includes […]