Introduzione a While Loop in Javascript

Oggi ci stiamo concentrando su un ciclo while. Il looping non è altro che l'attività che si svolge ripetutamente più volte. Supponiamo di dover stampare alcuni no. per esempio da 1 a 10. In questo scenario, se pensiamo di dover scrivere una dichiarazione di stampa 10 volte per ogni n. il codice sarà più ed è dispendioso in termini di tempo. E soprattutto è ripetitivo. Durante la codifica in qualsiasi lingua dobbiamo considerare la politica DRY. Ciò significa che non ripetere te stesso (DRY). In questo argomento, impareremo a proposito di While Loop in JavaScript.

Quindi, qui i loop entrano in scena. In quel ciclo while. Se pensi alla semplice lingua inglese, capirai meglio. Il significato semplice è allo stesso tempo o ad un periodo. Lo stesso vale anche in un linguaggio di programmazione. Mentre la condizione è vera, verrà eseguito il codice specifico.

Mentre il ciclo controlla la condizione, sia vera che falsa. Se la condizione è vera, esegue semplicemente il codice fino al punto di interruzione. Se la condizione è falsa non va avanti.

Sintassi:

While(condition)(
// code to execute
)

In un ciclo while, stiamo verificando la condizione al momento di avviare il ciclo, quindi possiamo decidere di eseguirlo o meno. In un ciclo while, abbiamo un blocco di dichiarazioni. Che entrerà in esecuzione solo la condizione specificata in quel ciclo è vera.

Usiamo spesso vero come vero e falso. se conosci il concetto binario nella programmazione, sarà più facile da capire.

Vero e falso sono i due valori utilizzati per valutare l'espressione. Durante la verifica delle condizioni e l'esecuzione del programma questo sarà utile.

Guarda la sintassi seguente per true e false:

While(true)(
// code will execute
)
While(false)(
// code will not execute
)

Esempio

while(true)(
console.log("Hello");
break;
)

Produzione:

Nel caso di zero, usciremo direttamente dal ciclo.

Esempio

var i = 0;
while (i < 10) (
console.log(i);
i++;
)

Produzione:

Come funziona While Loop in Javascript?

Il ciclo while è molto semplice da capire. Sappiamo che i cicli sono utilizzati nella programmazione per automatizzare le diverse attività ripetitive. Ma dobbiamo prendere alcune precauzioni in un punto in cui non lo stiamo aumentando. Per avere un'idea più chiara di ciò, quindi controlliamo il seguente esempio.

Esempio

Il codice seguente è con l'operatore di incremento ++.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Produzione:

Ora vediamo un po 'di codice senza l'operatore di incremento. Prova il seguente codice.

In JavaScript, devi dichiarare la variabile e inizializzarla. Saltare questo processo può causare errori di runtime in un compilatore.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Produzione:

Esegui sopra il codice e vedrai che il codice è in esecuzione all'infinito.

Non c'è sosta per la stampa del nome Hello. Per essere sicuri di ottenere un particolare no di parole come output, dobbiamo usare l'operatore di incremento o decremento insieme al ciclo while.

Diagramma di flusso

In generale, il ciclo è diviso in 3 parti.

  1. Inizializzazione: assegnazione di valore alla variabile
  2. Condizione: condizione per verificare che sia vera o falsa
  3. Incremento o decremento: questi operatori sono utili per incrementare automaticamente il loop o per diminuire il loop.

Esamineremo attentamente tutti questi stati del ciclo nel prossimo esempio.

La parte importante di qualsiasi programma è la sua logica. Guarda attentamente il diagramma di flusso sotto all'inizio del programma che dobbiamo inizializzare la variabile.

L'inizializzazione non è altro che l'assegnazione di un valore a quella variabile da utilizzare. All'inizializzazione, è consigliabile applicare il ciclo while. in un ciclo while, stiamo verificando la condizione. ad esempio, i <= 5. qui il ciclo inizierà se la condizione è vera. Se la condizione è falsa, usciremo direttamente dal ciclo. In generale, quando parliamo di uscire dal ciclo abbiamo bisogno di operatori di incremento (++) e decremento (-).

Esempi

Pensiamo a un esempio con l'operatore di decremento. Fino ad ora abbiamo visto il ciclo while con operatore di incremento (++). Ora osserveremo l'operatore decremento (-). L'operatore di decremento come suggerisce il nome riduce il valore di una variabile secondo il requisito specificato. Il ciclo si interromperà quando la condizione diventa falsa.

Esempio:

var i=5;
while (i>=1)(
console.log("Hello World");
i--;
)

Produzione:

Se esegui il programma sopra troverai lo stesso output che hai visto con l'operatore di incremento.

Esempio:

fruits = 1;
while (fruits <= 5) (
console.log(fruits + " has to be there");
fruits++;
)
console.log("there are total " + (fruits - 1) + " rounds to market.");

Produzione:

Esempio: ciclo continuo con l'array

var fruits = ("Apple", "Banana", "Kiwi", "Pinaple");
total = 0;
while (total < fruits.length) (
console.log("There is " + fruits(total)+ " in the basket");
total++;
)

Produzione:

Esempio

var balance = 0;
var greet = "";
while (balance <= 10) (
greet = greet + "\n I have added $" + balance+ " in my account";
balance ++;
)
console.log(greet);

Produzione:

In tutti gli esempi sopra abbiamo visto come possiamo lavorare con un ciclo while. Il looping è possibile quando la condizione diventa vera. Cambia le condizioni. Prova con affermazioni vere e false. Osservare l'uscita.

Mentre il loop controlla sempre la condizione. Se la condizione è vera, viene eseguita.

Ci salva dal fare ripetutamente il lavoro ripetitivo. Quindi provalo più volte e sporca le mani.

Conclusione

I loop svolgono un ruolo importante nella programmazione. Poiché aiutano a ridurre le attività ripetitive e lo fanno eseguendolo automaticamente. Se abbiamo una logica corretta, il loop fa risparmiare molto tempo a un programmatore.

Articoli consigliati

Questa è una guida a While Loop in JavaScript. qui discutiamo di come funziona il ciclo While in Javascript con esempi, diagramma di flusso e output. Puoi anche dare un'occhiata ai seguenti articoli per saperne di più -

  1. Mentre Loop in Java
  2. Cicli in R
  3. Matrici in JavaScript
  4. Anelli in C.

Categoria: