JavaScript per loop (con esempi)

In questo tutorial imparerai a conoscere i cicli e i cicli for in JavaScript con l'aiuto di esempi.

Nella programmazione, i loop vengono utilizzati per ripetere un blocco di codice.

Ad esempio, se vuoi mostrare un messaggio 100 volte, puoi usare un ciclo. È solo un semplice esempio; puoi ottenere molto di più con i loop.

Questo tutorial si concentra sul forloop JavaScript . Imparerai a conoscere gli altri tipi di loop nei prossimi tutorial.

JavaScript per loop

La sintassi del forciclo è:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Qui,

1. L'initialExpression inizializza e / o dichiara variabili e viene eseguito solo una volta.
2. La condizione viene valutata.
   • Se la condizione è false, il forciclo viene terminato.
   • se la condizione è true, forviene eseguito il blocco di codice all'interno del ciclo.
3. L'updateExpression aggiorna il valore della initialExpression quando la condizione è true.
4. La condizione viene valutata di nuovo e questo processo continua fino a quando la condizione non si verifica false.

Per ulteriori informazioni sulle condizioni , visitare Confronto JavaScript e operatori logici.

Diagramma di flusso di JavaScript per loop

Esempio 1: visualizzare un testo cinque volte

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Produzione

Amo JavaScript. Amo JavaScript. Amo JavaScript. Amo JavaScript. Amo JavaScript.

Ecco come funziona questo programma.

Iterazione	Variabile	Condizione: i <= n	Azione
1 °	i = 1 n = 5	true	Amo JavaScript. viene stampato. i è aumentato a 2 .
2 °	i = 2 n = 5	true	Amo JavaScript. viene stampato. i è aumentato a 3 .
3 °	i = 3 n = 5	true	Amo JavaScript. viene stampato. i è aumentato a 4 .
4 °	i = 4 n = 5	true	Amo JavaScript. viene stampato. i è aumentato a 5 .
5 °	i = 5 n = 5	true	Amo JavaScript. viene stampato. i è aumentato a 6 .
6 °	i = 6 n = 5	false	Il ciclo è terminato.

Esempio 2: visualizzare i numeri da 1 a 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Produzione

 1 2 3 4 5

Ecco come funziona questo programma.

Iterazione	Variabile	Condizione: i <= n	Azione
1 °	i = 1 n = 5	true	1 viene stampato. i è aumentato a 2 .
2 °	i = 2 n = 5	true	2 viene stampato. i è aumentato a 3 .
3 °	i = 3 n = 5	true	3 viene stampato. i è aumentato a 4 .
4 °	i = 4 n = 5	true	4 viene stampato. i è aumentato a 5 .
5 °	i = 5 n = 5	true	5 viene stampato. i è aumentato a 6 .
6 °	i = 6 n = 5	false	Il ciclo è terminato.

Esempio 3: visualizzazione della somma di n numeri naturali

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Produzione

 somma: 5050

Qui, il valore di sum è inizialmente 0 . Quindi, un forciclo viene iterato da i = 1 to 100. In ogni iterazione, i viene aggiunto alla somma e il suo valore viene aumentato di 1 .

Quando i diventa 101 , la condizione di test è falsee la somma sarà uguale a 0 + 1 + 2 +… + 100.

Il programma sopra per aggiungere la somma dei numeri naturali può anche essere scritto come

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Questo programma fornisce anche lo stesso output dell'esempio 3 . È possibile eseguire la stessa operazione in molti modi diversi nella programmazione; la programmazione è tutta una questione di logica.

Sebbene entrambi i modi siano corretti, dovresti provare a rendere il tuo codice più leggibile.

JavaScript Infinite for loop

Se la condizione di test in un forciclo è sempre true, viene eseguita per sempre (fino a quando la memoria non è piena). Per esempio,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Nel programma sopra, la condizione è sempre trueche eseguirà il codice per infinite volte.

Nel prossimo tutorial, potrete conoscere whilee do… whileloop.