Il metodo toLowerCase in JavaScript è utilizzato per convertire tutti i caratteri di una stringa in lettere minuscole. Questo metodo è una funzione integrata in JavaScript che appartiene all’oggetto String.
toLowerCase ha la seguente sintassi:
stringa.toLowerCase();
Dove stringa rappresenta la stringa da convertire in minuscolo.
Anche in questo caso, così come con il metodo toUpperCase, visto nella lezione precedente, la stringa originale non viene cambiata. Quindi per vedere il risultato dobbiamo utilizzare una variabile dove salvare la stringa convertita, può essere anche la variabile stessa.
JavaScript toLowerCase primo esempio
In questo primo esempio trasformiamo la stringa in minuscolo.
let testoMaiuscolo = "JAVASCRIPT";
let testoMinuscolo = testoMaiuscolo.toLowerCase();
console.log(testoMinuscolo); // "javascript"
JavaScript toLowerCase secondo esempio
Trasformiamo una stringa presa in input con caratteri minuscoli.
Ecco dunque l’esempio proposto che utilizza il metodo toLowerCase di JavaScript:
let stringa='CODing';
if (stringa === stringa.toLowerCase()){
console.log('La stringa è già scritta in maiuscolo' + coding);
} else {
stringa = stringa.toLowerCase();
console.log('La stringa trasformata è: ' + stringa);
}Con l’istruzione condizionale valutiamo se la stringa di partenza è già in minuscolo ed il tal caso la stampiamo senza convertirla. Altrimenti convertiamo la stringa e la stampiamo.
Chiaramente potevamo direttamente convertirla, a prescindere dal fatto che fosse scritta in minuscolo.
JavaScript toLowerCase terzo esempio
In questo terzo esempio utilizziamo il metodo getElementById spiegato in questo tutorial: metodo getElementById.
Prendiamo un valore da un prompt e lo trasformiamo in minuscolo. Dopo lo visualizziamo in una sezione html con id risultato.
Ecco il codice necessario per la realizzazione dell’esempio proposto che utilizza il metodo toLowerCase di JavaScript.
let nome = prompt('Inserisci il nome');
nome = nome.toLowerCase();
document.getElementById("risultato").innerHTML ="Il nome inserito è: " + nome;Ecco dunque il codice html di esempio:
<h1>Esempio con il metodo toLowerCase e getElementById</h1>
<label>Inserisci il nome: </label>
<p id="risultato"></p>In questo esempio convertiamo direttamente in maiuscolo il nome senza controllare che già lo sia. Eventualmente, come nell’esercizio precedente potremmo decidere di farlo utilizzando sempre le istruzioni condizionali.
Conclusione
In questa lezione abbiamo affrontato il semplice metodo toLowerCase di JavaScript per trasformare in minuscolo delle stringhe prese in input. Nelle prossime lezioni vedremo tanti altri esempi che utilizzano altri metodi sulle stringhe in JavaScript.
Alcuni link utili
Come utilizzare JavaScript alert
Come utilizzare JavaScript confirm
Variabili e costanti in JavaScript