ciclo for in JavaScript, esempi sul ciclo for JavaScript, cicli

JavaScript for – In questa lezione parleremo del ciclo for in JavaScript e faremo alcuni esempi di utilizzo per capirne meglio il funzionamento.

In JavaScript, il ciclo for è una struttura di controllo che permette di iterare su una sequenza di elementi o di eseguire un blocco di codice un certo numero di volte.

Sintassi del ciclo for in JavaScript

La sintassi del ciclo for è la seguente:

for(espressione1; espressione2; espressione3){
   istruzioni;
}

Dove:

espressione1 in genere è un’inizializzazione come ad esempio: i=0.
espressione2 è una condizione, un test che restituisce un valore booleano.
mentre espressione3 di solito rappresenta un incremento oppure un decremento.
Le istruzioni all’interno delle parentesi graffe sono eseguite solo se l’espressione2 darà valore booleano true. Altrimenti il ciclo non verrà eseguito neanche una volta. Se l’espressione2, inoltre, è sempre vera allora le istruzioni all’interno delle parentesi graffe saranno eseguite all’infinito. Si dice dunque che il ciclo è infinito.

Esplora l’universo infinito della programmazione con ’50 Algoritmi per imparare JavaScript’, il libro che trasformerà la tua passione per il codice in realtà digitale!

Acquistalo su Amazon

Primo esempio con il ciclo for in JavaScript

Visualizzare i numeri da 1 a 9 utilizzando il ciclo for.

for(let i = 0; i < 10; i++){
     console.log(i);
}

Innanzitutto partiamo dalla prima espressione che è un’inizializzazione, Nel nostro caso possiamo utilizzare una variabile i che parte da 0.

Banner Pubblicitario

La seconda espressione è il nostro test, cioè nel nostro caso i<10 in quanto il ciclo dovrà continuare finché non si arriva al numero 9.

La terza espressione è un incremento, nel nostro caso specifico è l’incremento della variabile i di 1.

All’interno del ciclo for inseriamo semplicemente una stampa della variabile i.

Dunque l’output prodotto da questo semplicissimo script rappresenta i numeri da 0 a 9.

Analogamente potremmo stampare i numeri in senso decrescente:

for (let i = 9; i >= 0; i--) {
    console.log(i);
}

In questo caso abbiamo:

let i = 9; inizializza la variabile i al valore iniziale di 9.
i >= 0; è la condizione di continuazione: il ciclo continuerà finché i è maggiore o uguale a 0.
i-- è il decremento: diminuisce il valore di i di 1 ad ogni iterazione.

Banner pubblicitario

Secondo esempio con il ciclo for in JavaScript

Visualizziamo i numeri pari da 0 a 100.

I numeri pari si ottengono semplicemente incrementando il valore iniziale 0 di 2, quindi l’incremento diventa: i += 2.

Stampiamo poi sempre la nostra variabile i.

Quindi ecco la facile soluzione all’algoritmo proposto:

for(let i = 0; i <= 100; i += 2){
   console.log(i);
}

Terzo esempio

Visualizziamo i numeri dispari da 1 a 99.

L’esercizio è simile al precedente, basta solo cambiare l’inizializzazione della variabile i.

Ecco dunque una possibile soluzione:

for(let i = 1; i < 100; i += 2){
    console.log(i);
}

Quando usare il ciclo for

Il ciclo for in JavaScript è utilizzato quando è necessario eseguire un blocco di codice un numero specifico di volte o quando si vuole iterare su una sequenza di elementi, come ad esempio gli elementi di un array.