Programmazione Strutturata – Javascript

In questa pagina svolgiamo una analisi sui costrutti fondamentali della programmazione strutturata in linguaggio javascript.

Sequenza

La sequenza è il primo costrutto della programmazione strutturata e consiste nell’eseguire le istruzioni in sequenza. Il flusso di esecuzione del programma non contiene ramificazioni e il browser eseguirà tutte le istruzioni in sequenza. Vediamo un esempio:

let num1 = 1;
let num2 = 5;
let somma = num1+num2;
alert("La somma è "+somma);

Nel programma precedente sono state create due variabili ed è stata effettuata la somma. La funzione alert permette di visualizzare una finestra all’interno del browser per comunicare il risultato.

Selezione

La selezione permette di ramificare il flusso di esecuzione di un programma in base a determinate condizioni. La sintassi in Javascript per implementare una selezione doppia è identica alla sintassi C++ o Java:

if(condizione)
{
   //implementazione del codice se la condizione è vera
}
else
{
   //implementazione del codice se la condizione è falsa
}

Questo è fondamentale per creare logica decisionale nei programmi. Di seguito spiegherò il costrutto di selezione con esempi pratici.

Selezione semplice

let eta  = 20;

if(eta>18)
{
  console.log("Il ragazzo è maggiorenne")
}

In questo esempio, l’istruzione if verifica se la variabile temperatura è maggiore di 20. Se la condizione è vera, il messaggio “Fa caldo!” viene stampato sulla console.

let ora = 14;

if (ora < 12) {
    console.log("Buongiorno!"); // Questo verrà eseguito se l'ora è inferiore a 12
} else {
    console.log("Buonasera!"); // Questo verrà eseguito se l'ora è maggiore o uguale a 12
}

In questo esempio, se l’ora è inferiore a 12, viene stampato “Buongiorno!”, altrimenti viene stampato “Buonasera!”.

Clausole multiple

let punteggio = 75;

if (punteggio >= 90) {
    console.log("Ottimo punteggio!");
} else if (punteggio >= 70) {
    console.log("Punteggio medio-alto");
} else if (punteggio >= 50) {
    console.log("Punteggio medio-basso");
} else {
    console.log("Punteggio basso");
}

In questo esempio, il punteggio viene valutato in base a diverse fasce. Se è superiore o uguale a 90, viene stampato “Ottimo punteggio!”, se è compreso tra 70 e 89 viene stampato “Punteggio medio-alto”, e così via.

Operatori relazionali

Ecco una tabella degli operatori relazionali in JavaScript:

OperatoreDescrizioneEsempioRisultato
==Uguaglianza5 == 5true
===Uguaglianza stretta5 === “5”false
!=Diverso5 != 10true
!==Diverso stretto5 !== “5”true
>Maggiore di10 > 5true
<Minore di5 < 10true
>=Maggiore o uguale a5 >= 5true
<=Minore o uguale a5 <= 10true

Questi operatori vengono utilizzati per confrontare due valori e restituire un valore booleano (true o false) che indica se la relazione tra i due valori è vera o falsa.

Operatori logici

AND logico (&&):

  • Restituisce true solo se entrambe le espressioni sono true.
  • Se una delle espressioni è false, il risultato sarà false.
  • Esempio: true && true restituirà true, mentre true && false restituirà false.

OR logico (||):

  • Restituisce true se almeno una delle due espressioni è true.
  • Se entrambe le espressioni sono false, il risultato sarà false.
  • Esempio: true || false restituirà true, mentre false || false restituirà false.

NOT logico (!):

  • Inverte il valore di verità dell’espressione.
  • Restituisce true se l’espressione è false e viceversa.
  • Esempio: !true restituirà false, mentre !false restituirà true.

Gli operatori logici sono utilizzati per combinare e manipolare le espressioni booleane al fine di creare condizioni più complesse e di conseguenza controllare il flusso del programma in base a queste condizioni.

Supponiamo di dover implementare un controllo fra due numeri contenuti in due variabili:

let a=10;
let b=20;

if(a>b)
{
   alert("In questo caso a>b");
}
else
{
  alert("In questo caso a<b");
}

Iterazione

L’iterazione (struttura iterativa )in JavaScript è il processo di ripetizione di un blocco di istruzioni per un numero definito di volte o fino a quando una condizione specificata è soddisfatta. Ci sono diverse forme di iterazione in JavaScript, tra cui il ciclo for, il ciclo while, il ciclo do…while, e gli iteratori come forEach() per gli array e for…of per gli oggetti iterabili. 

Ciclo For

Il ciclo for viene utilizzato per eseguire un blocco di codice un numero specifico di volte.

for (let i = 0; i < 5; i++) {
  console.log("Iterazione numero " + (i + 1));
}

In questo esempio, il loop for viene eseguito cinque volte. La variabile i viene inizializzata a 0, e viene incrementata di 1 ad ogni iterazione fino a quando non raggiunge il valore 4. Il blocco di istruzioni all’interno del loop viene eseguito ad ogni iterazione.

Ciclo While

Il ciclo while viene utilizzato per eseguire un blocco di codice fintanto che una condizione specificata è vera.

let i = 0;
while (i < 5) {
  console.log("Iterazione numero " + (i + 1));
  i++;
}

In questo esempio, il loop while viene eseguito finché la condizione i < 5 è vera. Il blocco di istruzioni all’interno del loop viene eseguito finché la condizione è soddisfatta. È importante assicurarsi che la condizione si verifichi ad un certo punto, altrimenti il loop continuerà all’infinito.

Ciclo Do – While

Il loop do…while è simile al loop while, ma garantisce che il blocco di istruzioni venga eseguito almeno una volta, anche se la condizione non è vera.

let x = 0;
do {
    console.log("Iterazione numero", x);
    x++;
} while (x < 5);

In questo esempio, il blocco di istruzioni viene eseguito almeno una volta, e poi il loop continua a eseguire finché la condizione x < 5 è vera.

Vai a funzioni

Torna a javascript