Veloce ripasso di Javascript (parte 2)

In questa seconda parte inizieremo a parlare delle strutture di controllo e condizionali in Javascript.

Non troverete una dettagliata descrizione in quanto le logiche sono sempre le stesse. Saranno visualizzati snippet di codice per un veloce ripasso.

Strutture di controllo e condizionali

if...else

Così come la conoscete, si utilizza, in Javascript allo stesso modo. Puoi leggere qualche informazione generica in questo articolo che ho scritto all’inizio per parlare della programmazione in generale.

La logica è sempre quella di identificare un risultato di una “condizione” che può essere vera (true) o falsa (false). Se il risultato è true, viene eseguito il ramo “if” altrimenti il ramo “else” come nel seguente codice

/* struttura if...else Javascript */
if(risultato==true) // per verificare una uguaglianza utilizziamo l'operatore "==" diverso da "=" utilizzato per l'assegnazione
{
    //Risultato vero
}
else
{
   //Risultato falso
}

Notiamo l’utilizzo dell’operatore “==” (Uguaglianza) per verificare se un elemento è uguale ad un altro

Ciclo While

Utilizzato allo stesso modo di come lo si utilizza in linguaggi like “C” (come il PHP). Ripete un’istruzione o un blocco di istruzioni fino a che una condizione è “Verificata”.

Il ciclo potrà essere interrotto con una istruzione “Break” che porterà alla prossima istruzione dopo il while (dopo la chiusura del suo blocco di istruzioni o dopo il “;” della singola istruzione).

Esiste anche la forma “Break [Label]” che permetterebbe di rimandare l’esecuzione del codice ad una particolare Label in Javascript ma è poco usata (Io non ne ho mai incontrate).

Un piccolo e veloce esempio

/* Costrutto while in Javascript */
var counter = 1; 

while (counter <= 5) { // Fino a che il counter (che viene aggiornato più avanti) è minore o uguale a 5
   if (counter == 3) { // Ma nel caso sia uguale a 3, esce dal ciclo (non che abbia molto senso ma è un puro esempio
      break; //qui si va all'istruzione dopo la chiusura del blocco while
   }
   //Esegue qualcosa
   counter++; // Questo è importante, altrimenti si avrà un ciclo infinito in quanto il valore di couter sarà sempre minore di 5 (e mai uguale a 3 per cui non si uscirà mai)
}
// While terminata, le seguenti istruzioni saranno eseguite anche dopo il break
// ...Altre istruzioni

Notare l’utilizzo dei commenti nel codice… non c’è più nulla da dire, è tutto scritto (e conservato insieme al codice).

Ciclo do ... while

Abbastanza simile al ciclo While, il ciclo do…while permette di svolgere le stesse operazioni soltanto che la condizione viene verificata alla fine e non all’inizio del ciclo; questo comporta che le istruzioni del ciclo do…while saranno eseguite almeno una volta. Verifichiamolo in un piccolo esempio…

/* ciclo do...while Javascript */
do {
  var a = prompt("Inserisci un valore:"); //Questa istruzione sarà eseguita almeno una volta
  Stampa (a); //La funzione non esiste per cui il codice andrebbe in errore. Giusto per capire cosa fa
} while (a > 0);  //esegui mentre a > 0 (fin quando viene inserito un numero maggiore di 0)

Il piccolo “snippet” permette di chiedere all’utente un numero che poi andrà a stampare. Il sistema chiederà all’infinito il numero all’utente fino a che non viene inserito un valore minore di 0 (o meglio, il ciclo continuerà fino a che sia inserito un numero maggiore di 0).

Meno utilizzato rispetto al ciclo While (ma dipende molto dallo stile di programmazione).

Per il momento ci fermiamo. Nel prossimo articolo parleremo dei cicli “For” in Javascript.

Data di ultima modifica 7 Settembre 2023