Il metodo toLowerCase in JavaScript utile per convertire una stringa in minuscolo.

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

Trasformiamo una stringa presa in input con caratteri minuscoli.

Ecco dunque l’esempio proposto che utilizza il metodo toLowerCase di JavaScript:


var stringa='CODing';
if (stringa == stringa.toLowerCase()){
   document.write('La stringa è già scritta in maiuscolo' + coding);
} else {
  stringa = stringa.toLowerCase();
  document.write('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 secondo esempio

In questo secondo 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.


var 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

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili e costanti in JavaScript