JavaScript Loops - Una guida per i principianti assoluti
Tutti i linguaggi di programmazione di alto livello forniscono diversi tipi di loop. La sintassi di questi loop può essere diversa ma vengono utilizzate per eseguire le stesse attività. Questi loop sono intercambiabili ma alcuni sono specificamente costruiti per essere utilizzati in alcune condizioni specifiche.
I loop più popolari presenti nella maggior parte dei linguaggi di programmazione sono per E Mentre Loop; Qui ne discuteremo insieme alle loro estensioni presenti in JavaScript:
Come usare il ciclo for in javascript
Il ciclo più semplice e comunemente usato in JavaScript è il per ciclo continuo; per I loop sono preferiti su altri loop quando il programmatore conosce il numero definito di volte in cui il ciclo sta per funzionare.
Diamo un'occhiata alla sintassi del per Loop per capire perché:
per (inizializzazione; condizione; modifica variabile)// dichiarazioni di codice da eseguire
IL per Loop prende tre argomenti, inizializzazione, condizione e modifica variabile:
- Il primo argomento I.e. inizializzazione funziona solo una volta prima dell'esecuzione del ciclo; Inizializza una variabile utilizzata nella condizione per il loop.
- Il secondo argomento I.e. condizione viene valutato prima di ogni iterazione; Il ciclo termina quando questa condizione è soddisfatta.
- Il terzo e l'ultimo argomento modifica variabile viene utilizzato per modificare il valore della variabile utilizzata in condizione dopo ogni iterazione del loop.
Gli argomenti del per loop specifica il numero definito di iterazioni che funzionerà. Specificano il punto di partenza (inizializzazione) e il punto finale (condizione) del loop. Sebbene tutti gli argomenti siano opzionali (il per Loop verrà eseguito anche se non si specifica la condizione) tuttavia non è consigliabile lasciare vuoto l'argomento della condizione in quanto creerà un ciclo infinito che può arrestare il browser.
Ora proviamo un esempio per capire meglio per ciclo continuo:
Nota: La console del browser viene utilizzata per la dimostrazione di esempi in questo articolo.
In questo esempio, conteremo da 10 a 1 usando a per ciclo continuo:
for (let indice = 10; indice> = 1; indice--)console.log (indice);
Nell'esempio sopra:
- Indice è inizializzato a 10
- Quindi la condizione viene controllata, poiché il indice è maggiore o uguale a 1 condizione è vero, il ciclo viene eseguito e il valore dell'indice viene stampato sulla console
- Dopo la prima iterazione il indice La variabile viene decrementata da uno. IL - L'operatore riduce il valore del indice da uno.
- Quindi la condizione viene nuovamente controllata; Poiché la condizione è ancora vera, il loop viene nuovamente eseguito.
Questo processo mantiene ricorrenti fintanto che la condizione per il ciclo rimane vera. Quando il valore del indice richeare 0, la condizione maggiore o uguale a 1 non è più vera e il ciclo termina.
Possiamo eseguire qualsiasi operazione sulla variabile nell'ultimo argomento del per Dichiarazione del loop:
per (let indice = 2; indice < 500; index*=2)console.log (indice);
Come usare mentre loop in JavaScript
Mentre I loop prendono un solo argomento che è la condizione per il ciclo:
Sono usati principalmente quando il codice deve eseguire un numero sconosciuto di volte fino a quando la condizione è soddisfatta:
while (condizione)// affermazioni
Diamo un'occhiata a un esempio in cui genereremo un numero casuale usando il Matematica.casuale() metodo all'interno del ciclo; Il ciclo continuerà a funzionare fino al Matematica.casuale() Il metodo produce un numero dispari:
runloopagain = true;while (runloopagain)
Num = matematica.casuale().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = false;
console.log (num);
Nell'esempio sopra abbiamo dichiarato per la prima volta un booleano chiamato runloopagain e gli ha assegnato un valore i.e vero. Il ciclo while valuta la condizione prima dell'esecuzione del loop; come variabile runloopagain è la condizione del ciclo ed è vero il ciclo while viene eseguito. All'interno del corpo del Mentre Loop abbiamo usato il casuale metodo del Matematica oggetto insieme al .tofixed metodo per ottenere un numero casuale tra zero e nove. Quindi abbiamo usato un'istruzione condizionale per verificare se il numero è divisibile per due (per verificare se è uniforme o dispari). Se il numero è dispari, allora il runloopagain La variabile diventerà falsa e il ciclo terminerà altrimenti la variabile/condizione rimarrà vera e il ciclo continuerà a funzionare.
I compiti che abbiamo svolto negli esempi sopra usando il per Loop può anche essere eseguito con Mentre ciclo continuo:
Lascia che i = 10;while (i> = 1)
console.log (i);
io--;
let i = 2;
mentre io < 500)
console.log (i);
i*= 2;
Come utilizzare la dichiarazione di pausa nel ciclo
Le istruzioni di interruzione possono essere utilizzate all'interno del corpo del loop per terminare il loop. Diamo un'occhiata a un esempio:
Lascia che i = 2;mentre io < 20)
if (i % 5 == 0)
rottura;
console.log (i);
i+= 2;
In questo esempio ho usato a Mentre Loop per stampare ogni numero pari che è inferiore a 21 ma sto ottenendo solo numeri pari meno di 9; perché? Questo perché ho usato un'istruzione di interruzione che termina il ciclo se il numero pari è un multiplo di 5. Possiamo usare l'istruzione di interruzione per avere condizioni diverse per la risoluzione di a Mentre Loop all'interno del corpo del loop:
Come utilizzare la dichiarazione Continua durante loop
L'istruzione Continua viene utilizzata per saltare un'iterazione e passare al successivo del Mentre ciclo continuo. Ad esempio, se vogliamo saltare il numero che è un multiplo di 5 invece di terminare il ciclo nell'esempio sopra, utilizzeremo l'istruzione Continua:
Lascia che i = 2;mentre io < 21)
if (i % 5 == 0)
i+= 2;
Continua;
console.log (i);
i+= 2;
Come puoi vederlo 5, 10 E 20 mancano perché sono multipli di 5 oltre ad essere numeri pari.
Come usare il Do While Loop in JavaScript
Il loop di Do While è costruito sopra il ciclo while, il che significa che è un'estensione del ciclo while.
In While Loop la condizione viene valutata prima dell'esecuzione del corpo del loop mentre il Do While Loop fa il contrario e lo controlla dopo l'esecuzione del corpo del loop.
runloopagain = true;while (runloopagain)
Num = matematica.casuale().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = false;
console.log (num);
In questo esempio sopra riportato abbiamo dovuto dichiarare e inizializzare il runloopagain variabile prima del corpo del ciclo perché il Mentre Loop valuta la condizione prima dell'iterazione.
IL fare durante Loop controlla la condizione dopo ogni iterazione, quindi se siamo sicuri che vogliamo eseguire il codice presente all'interno del loop almeno una volta, allora usiamo il fare durante ciclo continuo. Dato che in questo esempio siamo sicuri che dobbiamo almeno generare un numero casuale prima di verificare se è pari o strano, un modo migliore per scriverlo sarebbe:
FareNum = matematica.casuale().tofixed (1)*10;
console.log (num);
while (num % 2 == 0);
Come usare il per in, per e foreach loops in javascript
IL per in, per di E per ciascuno I loop in JavaScript sono un'estensione del per ciclo continuo. Qui ne discuteremo tutti; IL per in Loop viene utilizzato per iterare sulle proprietà di un oggetto. Ogni iterazione del per in Loop restituisce una chiave che può essere utilizzata per accedere al valore della chiave:
VAR Employee = FirstName: "Mary", LastName: "Jane", Age: 33, ID: 092, Dipartimento: "Educazione";per (let p in dipendente)
console.log (p);
console.log (dipendente [p]);
Se il loop per in un array viene applicato, restituisce l'indice di ciascun elemento. Se vogliamo ottenere il valore presente ad ogni indice, possiamo usare il per di ciclo continuo.
var num = [5, 6, 7, 8, 9];per (let d di num)
console.log (d);
IL per di Il ciclo viene utilizzato per loop attraverso oggetti iterabili come array, mappe, stringhe ecc. Se usiamo il per di Loop su una stringa quindi restituisce un carattere della stringa ogni iterazione:
var galline = "Benvenuti al suggerimento di Linux!";per (let c of great)
console.log (c);
IL .per ciascuno() Loop viene utilizzato per eseguire un'azione specifica su ciascun elemento dell'array; Attraversa gli elementi dell'array e chiama una funzione una volta per ogni elemento.
IL .per ciascuno() Loop prende una funzione di callback come argomento che prende ulteriormente tre argomenti, due dei quali sono facoltativi; L'unico argomento richiesto è il valore dell'elemento corrente. L'indice dell'elemento e l'intero array stesso possono essere dati anche come argomenti alla funzione di callback. Ora esamineremo un esempio in cui abbiamo usato il .per ciascuno() Loop per moltiplicare ogni elemento dell'array per due e stamparlo sulla console:
Numeri var = [99, 85, 788, 2, 255, 598];numeri.foreach (funzione (valore)
console.log (valore + " * 2 =" + valore * 2);
)
Conclusione
I loop sono istruzioni di flusso di controllo utilizzate per ridurre l'inefficienza del codice e scrivere un codice più conciso. Sono una delle parti più fondamentali di qualsiasi linguaggio di programmazione di alto livello. In questo post abbiamo imparato tutto sui loop in JavaScript; Abbiamo usato la sintassi Javascript per conoscere per E Mentre Loop insieme alle loro estensioni. Inoltre, la dichiarazione di pausa e continua per Mentre Sono stati anche discussi i loop.