Tipi di strutture di controllo del flusso in JavaScript

Sommario

Oggi vedremo strutture di controllo del flusso, chiamate anche semplicemente strutture di controllo o soprattutto strutture iterative. Queste istruzioni sono molto interessanti e utilizzate mentre evolvono il concetto da programma a programma intelligente.

Come mai?

Se non usiamo le strutture di controllo del flusso, un programma è semplice. È un programma che inizialmente utilizza solo variabili e operatori in quella che possiamo chiamare una sequenza di istruzioni in tempo lineare, cioè una dopo l'altra.
Introducendo le strutture che vedremo di seguito, il nostro programma cessa di essere una mera sequenza lineare di istruzioni inefficienti per diventare un programma capace di prendere decisioni in funzione del valore delle variabili che sta gestendo, per questo vengono dette "intelligenti" .

Il strutture iterative sono così chiamati perché le istruzioni da eseguire può essere ripetuto una o più volte. C'è una grande varietà di tipi di strutture iterative con le loro particolarità, tuttavia hanno tutte qualcosa in comune, hanno un unico punto di ingresso, cioè si attivano quando si inserisce un dato.

Ora vedremo il diversi tipi di strutture iterative in JavaScriptSebbene in realtà in tutti o quasi tutti i linguaggi di programmazione ci siano sostanzialmente le stesse strutture e servano agli stessi scopi, la differenza è il modo in cui sono scritti, cioè la sintassi.

Inizieremo con la struttura iterativa, che è forse la più semplice e anche la più utilizzata. Intendiamo la struttura Se.

SE strutturaDico che è la più semplice fin dall'introduzione dell'informazione e dopo averla verificata quello che fa il nostro programma è che se la condizione prestabilita è soddisfatta, eseguiamo la frase o le frasi che avete predefinito nel codice. Se invece questa condizione non è soddisfatta, esce dalla struttura e non esegue il codice che la accompagna.

Un esempio con codice Javascript è il seguente:

 If (x) {avviso ("Il valore è vero"); } 
Così semplice. L'unica cosa che stiamo dicendo è che se la variabile che inseriamo (x) è vera, scrivi "Il valore è vero" e se non è vera, allora non scrivere nulla. Potrebbe anche essere espresso con If (x == true) essendo molto importante non confondere l'operatore == che confronta entrambi i valori con = Quello che fa è assegnare il valore a sinistra il valore a destra.

Questa struttura di per sé viene utilizzata per convalidare qualsiasi tipo di informazione in ingresso in modo molto ricorrente, tuttavia è solitamente accompagnata da un'altra struttura chiamata altro.
Else viene utilizzato come complemento di if poiché se la condizione stabilita da if non è soddisfatta e si continua con else, l'istruzione o le istruzioni associate a detta struttura di controllo vengono eseguite automaticamente come si vede nell'esempio seguente:

 If (x) {avviso ("Il valore è vero"); } else {avviso ("Il valore è falso"); } 
Come nell'esempio precedente, se il dato inserito, x, è vero, scrivi "Il valore è vero". La differenza con l'esempio precedente in cui se x non era vero non faceva nulla è che ora come va in else, scrive direttamente "Il valore è falso".
Questo è molto utile se l'informazione può essere solo vera o falsa, nera o bianca, sì o no, o qualsiasi altra combinazione binaria, o l'una o l'altra. Tuttavia, di solito c'è il caso in cui vogliamo sapere se i dati che inseriamo soddisfano uno dei tanti condizioni che sono esclusiveAd esempio, se vogliamo sapere se il nostro giocatore è un difensore, un centrocampista, un portiere o un attaccante. Sarà sempre solo una delle quattro cose e qui il con se e altro non funziona per noi.
In questo caso possiamo usare il altrimenti se struttura cosa significa se no. Possiamo usare tutto il resto se lo vogliamo sempre dopo la nostra prima struttura if e prima dell'ultima, che sarà else, come possiamo vedere nel codice seguente:
 If (giocatore == portiere) {avviso ("Il giocatore è il portiere"); } else if (giocatore == difesa) {alert ("Il giocatore è difesa"); } else if (giocatore == centrocampista) {alert ("Il giocatore è un centrocampista"); } else {avviso ("Il giocatore è avanti"); } 
In questo modo il programma prima verifica se si tratta di un portiere. Se lo è lo scrive, se non va al primo altro se per verificare se è difesa. Se lo è, scrivilo. Se non lo è, va al blocco successivo per verificare se è un centrocampista. Se lo è, scrivilo. Se non è una delle tre opzioni, entra nell'ultimo blocco, ciò che fa è scrivere che è avanti per scarto.

Le strutture che abbiamo appena visto non finiscono per essere efficienti se i controlli sono molto ripetitivi, nel qual caso altre strutture di controllo come mentre o fare mentre per:

WHILE cicloQuesta struttura è nota come while (che è la traduzione letterale dall'inglese) in algoritmica. E come dice il suo stesso significato, è un ciclo che esegue le istruzioni mentre la condizione o le condizioni rimangono vere, purché continui a restituire "vero" come valore.
quindi, il struttura di detto ciclo è molto semplice:
mentre (condizione)
{
Istruzioni;
}

UN semplice esempio in JavaScript può essere il seguente:

 contatore var = 1; while (num <5) {avviso ("num"); numero + = 1; } 
Questo è semplice come aggiungere uno alla volta alla nostra variabile num fino a raggiungere 5.
Cosa succede se la condizione non è soddisfatta prima di entrare nel ciclo?

Che il ciclo non verrà mai eseguito. E qui arriviamo a un tipo speciale del ciclo while chiamato fare mentre. Questa struttura viene utilizzata se vogliamo che il programma entri nel ciclo almeno una volta. La traduzione letterale è do… purché lo faccia almeno una volta, entri nel ciclo.

Perché entra sempre nel nostro ciclo almeno una volta?

Perché come vedremo di seguito, la condizione per eseguire il ciclo viene eseguita dopo averlo fatto. Può sembrare complicato ma vedremo che è molto semplice:

 var fatto = 1; numero variabile = 10; fare {fatto = num * fatto; numero--; } while (num> 0); avviso (numero); 
Sarebbe l'esempio.

Cosa succede in questo esempio?

Questo prima entra nel ciclo e fa due istruzioni, moltiplicando il risultato per il numero e poi diminuendo il numero. Questo processo lo ripete finché il nostro numero è 1. All'uscita dal ciclo, scrivi il numero che inizialmente era 10 e ora è 1.
Questo ciclo potrebbe quindi essere scritto esattamente allo stesso modo con while. Se invece nell'inizializzazione var num = 0; entra nel ciclo, esegue le istruzioni e num rimane con il valore -1, cosa che non accadrebbe con while poiché non entrerebbe nel ciclo, e in questo modo lo ha fatto una volta.
Ovviamente questo è un esempio molto semplice e poco utilizzato, ma in fase di programmazione è molto interessante se vogliamo che un menu venga visualizzato almeno una volta.

Dopo aver visto il ciclo while e do while, vedremo cosa penso sia il più utilizzato nella programmazione. Stiamo parlando del famoso loop per.

PER strutturaÈ il ciclo più utilizzato per la sua efficienza, sebbene sia più complesso delle precedenti strutture iterative.
Ha la seguente forma:

per (ordine di inizializzazione; condizione; ordine di aggiornare)
{
Istruzioni da eseguire
}

E il suo il funzionamento è molto semplice:
Nella prima parte del ciclo vengono inizializzate una o più variabili, ovvero viene loro assegnato un valore. Dopo il primo punto e virgola viene definita la condizione che deve essere soddisfatta per eseguire le istruzioni. E l'ultima parte della parentesi, l'aggiornamento, è il valore che verrà assegnato alle variabili che sono state inizializzate.
Molto semplice, finché la condizione specificata è soddisfatta, vengono eseguite le istruzioni all'interno del ciclo for. Dopo averlo eseguito aggiorniamo il valore delle variabili utilizzate nella condizione.
Ora vedremo un esempio scritto in Javascript:

 for (i = 0; i <10; i ++) {avviso ("Ancora meno di 10"); } 
Abbiamo creato e inizializzato la variabile i con il valore 0. È importante tenere presente che questa parte del ciclo viene eseguita solo la prima volta, il resto delle volte non ne tiene conto poiché viene inizializzata solo una volta . La nostra zona di condizione è finché i è inferiore a 10, e quindi il nostro ciclo si ripeterà finché i non è più inferiore a 10.
Ora è quando entra in gioco la zona di aggiornamento. Se il valore di i non fosse cambiato, poiché lo abbiamo inizializzato a 0, diventerebbe un ciclo infinito.
Nella nostra zona di aggiornamento cambiamo il valore della nostra variabile. Nel caso dell'esempio, ad ogni esecuzione del ciclo, il valore di i viene incrementato di 1, ma potrebbero essere impostate anche altre istruzioni come moltiplicazioni, sottrazioni, ecc.

Il per ciclo è molto utile nel mondo della programmazione e, sebbene meno comune, è richiesto un caso speciale. Sebbene questo sia solitamente usato nella programmazione di oggetti già abbastanza avanzati, l'uso che può essere fatto negli array è interessante.
Ciclo continuo per in quello che fa è passare attraverso un array che passa attraverso tutti i suoi elementi in modo efficiente. Definito un array, il codice è il seguente:

 var array = ["Primo", "Secondo", "Terzo", "Quarto"]; for (i in array) {avviso ("Corso: array (i)"); } 
Scrive tutti i corsi disponibili dal primo al quarto.

Infine parleremo di un'altra delle strutture di controllo del flusso più utilizzate ovvero lo switch loop, che in inglese significa scegliere.

SWITCH loopUsiamo questa struttura quasi ogni volta che vogliamo creare un menu con le sue diverse opzioni. È una sorta di ottimizzazione della ripetizione dei loop else if che abbiamo visto prima e che funziona molto meglio e senza essere ridondante. Lo usiamo per quelle volte che vogliamo fare più controlli della stessa variabile, cioè per scegliere una caratteristica su una variabile che la escluda dall'averne un'altra.

Il forma dell'interruttore è il prossimo:

 switch (lettera) {caso a: istruzioni; rompere; caso b: istruzioni; rompere; caso c: istruzioni; rompere; caso d: istruzioni; rompere; predefinito: istruzioni; rompere; } 
Al ciclo precedente viene passata una variabile, in questo caso lettera. Controlla questa variabile e a seconda di quale entra ed esegue l'una o l'altra istruzione e quindi esce dal ciclo. Per inserire ciascuna delle opzioni disponibili della nostra variabile lettera, viene utilizzata la parola riservata. Si esce dal ciclo usando la parola chiave break, che è a istruzione di salto, che interrompe o modifica il flusso del programma, in questo caso forzando l'uscita dal ciclo prematuramente. Tuttavia, non è obbligatorio inserire questa parola.

In questo modo non taglieremmo il flusso del programma e controlleremo il resto delle opzioni (che sappiamo non sarà vero) quindi sarà meno ottimale. È molto importante notare che i controlli sono fatti in ordinePertanto, se sappiamo quale opzione o opzioni verranno utilizzate di più, è meglio posizionarle per prime.
Il valore di default che vediamo nel codice è quello utilizzato se il valore inserito non corrisponde in nessun caso. In tal caso, passa automaticamente all'impostazione predefinita. Tuttavia, non è obbligatorio includere l'impostazione predefinita nel nostro codice.

Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
wave wave wave wave wave