toLowerCase in JavaScript

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

Corso linguaggio JavaScript

Libro JavaScript

Tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili e costanti in JavaScript