Indice dei contenuti

Loop

Un loop, ciclo in italiano, è uno strumento di programmazione che viene utilizzato per ripetere una serie di istruzioni. Iterate è un termine generico che significa "ripetere" nel contesto dei loop. Un loop continuerà ad iterare fino a quando non verrà soddisfatta una condizione specifica, comunemente nota come condizione di arresto.

I loop sono uno strumento potente e utile nella programmazione, che consente di scrivere codice in grado di ripetersi al verificarsi di determinate condizioni.

I loop sono componenti essenziali del pensiero algoritmico e possono far risparmiare enormi quantità di tempo in quanto automatizzano il processo di iterazione e ripetizione.

Esistono diversi tipi di loop, ma quelli più comuni nella programmazione sono:

  • i loop for, che eseguono una sezione di codice per un certo numero di volte;
  • i loop while, che continuano a essere eseguiti finché non viene soddisfatta una condizione logica;

Saper utilizzare questi tipi di loop è un'abilità importante per qualsiasi programmatore che voglia far funzionare il proprio programma in modo efficace.

For

Un loop for per loop dichiara le istruzioni per il loop con tre importanti informazioni separate da punti e virgola:

  • l'inizializzazione definisce dove iniziare il loop dichiarando (o facendo riferimento) alla variabile iteratrice.
  • la condizione di arresto determina quando fermare il looping (quando l'espressione valutata risulta False).
  • la dichiarazione di iterazione aggiorna l'iteratore ogni volta che il ciclo viene completato
for (let i = 0; i < 4; i += 1) {
   console.log(i);
};

Parola chiave Break

All'interno di un loop, la parola chiave break può essere usata per uscire immediatamente dal loop, continuando l'esecuzione del programma dopo il corpo del loop.

Qui sotto la parola chiave break viene usata per uscire dal loop quando i è maggiore di 10.

for (let i = 0; i < 99; i += 1) {
   if (i > 10) {
      break;
  }; 
   console.log(i);
};

Loop For nidificato

Un loop for nidificato è quando inserisci un ciclo for dentro un altro ciclo for.

Il loop interno esegue tutte le sue iterazioni per ogni iterazione del loop esterno.

for (let esterno = 0; esterno < 2; esterno += 1) {
   for (let interno = 0; interno < 3; interno += 1) {
      console.log(`${esterno}-${interno}`);
 }
}

Loop con gli array

La lunghezza di un array può essere valutata con la proprietà .length. Questo è utile per iterare con gli array, poiché .length può essere usata come condizione di arresto nel loop.

for (let i = 0; i < array.length; i++){
   console.log(array[i]);
};

Loop inverso

Un for può iterare "al contrario" inizializzando la variabile loop al valore iniziale, verificando quando la variabile raggiunge il valore finale e diminuendo la variabile del loop ad ogni iterazione.

const elementi = ['a', 'b', 'c'];

for (let i = elementi.length - 1; i >= 0; i -= 1) {
   console.log(`${i}. ${elementi[i]}`);
};

While

Il while crea un loop che viene eseguito fintanto che una condizione specificata è True. Il loop continuerà ad essere eseguito fino a quando la condizione non risulta False. La condizione viene specificata prima del loop e, di solito, alcune variabili vengono incrementate nel corpo del ciclo while per determinare quando il loop deve fermarsi.

while (condizione) {
   // blocco di codice eseguito
}
let i = 0;
while (i < 10) {
  console.log(i);
  i++;
};

Do...While

Questa istruzione crea un loop che esegue un blocco di codice una volta, controlla se una condizione è vera, e poi ripete il loop finché la condizione è vera. Vengono utilizzati quando si vuole che il codice venga sempre eseguito almeno una volta. Il ciclo si conclude quando la condizione è False.

a = 0
i = 0

do {
   a = a + i;
   console.log(a)
   i++;
} while (i < 5);

<<<

Nessun argomento precedente

>>>

Nessun argomento seguente
Corso JavaScript per principianti a 12,99 su Udemy
Sintassi e definizioni
Vai alla pagina
Tipi di Dato
Vai alla pagina
Controllo del flusso
Vai alla pagina
Ambito di azione
Vai alla pagina
Cos'è jQuery?
Vai alla pagina
Usare jQuery
Vai alla pagina
Selettori jQuery
Vai alla pagina
Manipolazione DOM
Vai alla pagina
Attributi jQuery
Vai alla pagina
jQuery e dimensioni
Vai alla pagina
Manipolazione CSS
Vai alla pagina
jQuery Animazione
Vai alla pagina
Eventi jQuery
Vai alla pagina
jQuery Ajax
Vai alla pagina