Javascript for Loop - Tutorial per principianti
JavaScript è un linguaggio di scripting basato sul testo comunemente usato per aggiungere elementi dinamici e interattivi ai siti Web statici per renderli visivamente accattivanti.
I loop hanno una sintassi diversa in ciascun linguaggio di programmazione, ma il concetto di base (logica) rimane lo stesso.
La maggior parte dei linguaggi di programmazione ha più di un tipo di loop. I famosi sono per E Mentre ciclo continuo. Questa guida imparerà solo il ciclo e dove dovrebbe essere utilizzata al posto di altri loop (favorita su altri loop).
I loop possono essere scambiati tra loro nella maggior parte dei casi, ma i loop dovrebbero essere usati quando è necessario eseguire un numero determinato di iterazioni (quando si conosci già il numero di volte in cui il ciclo verrà eseguito).
Per la sintassi del loop:
Innanzitutto, dovremmo discutere la sintassi per ciclo continuo usi in JavaScript:
per (inizializzazione; condizione; ** Dichiarazione modificatore del valore variabile **)Codice da eseguire
In per ciclo continuo:
- Innanzitutto, inizializzare/impostare una variabile (l'inizializzazione viene eseguita prima dell'esecuzione del corpo).e. Lascia che i = 0;
- In secondo luogo, definire la condizione per il ciclo (questa istruzione funziona prima dell'esecuzione e decide se il ciclo verrà eseguito o meno), i.e., io <= 10;
- Infine, la terza e l'ultima affermazione viene eseguita dopo che il corpo del loop è stato eseguito. Modifica il valore della variabile per la prossima iterazione, i.e i ++ o i-
Nota: Useremo la console del browser per dimostrare esempi eseguiti in questo post. Per aprire la console del browser:
- Usa il F12 Chiave in Chrome e in altri browser a base di cromo.
- Utilizzo Ctrl + shift + k tasti di scorciatoia da tastiera per mozilla.
- Utilizzo Opzione + ⌘ + C tasti di scelta rapida della tastiera in safari (se non viene visualizzato il menu degli sviluppatori, quindi apri le preferenze premendo ⌘ +, e in Avanzate Controllo della scheda "Mostra il menu Sviluppa nella barra dei menu").
Come usare per ciclo continuo?
Prenderemo un programmatore come esempio che deve produrre una sequenza di numeri da uno a venti usando JavaScript. Dovranno scrivere venti righe di codice per produrre questa sequenza. Questo modo di scrivere il codice è molto inefficiente.
Possiamo scrivere in modo efficiente tali attività ripetitive usando loop. Come accennato in precedenza, il numero di linee nel programma può essere ridotto da venti a quattro usando a per un ciclo continuo.
per (let numero = 1; numero <= 20; number++)console.log (numero);
Ora discutiamo di come a per Loop funziona davvero. La prima affermazione, io.e., Inizializzazione, funziona prima delle dichiarazioni presenti all'interno del corpo del ciclo e imposta una variabile. La seconda istruzione viene eseguita anche prima dell'esecuzione del blocco del codice. Ha definito la condizione per il ciclo. Questa affermazione decide se il ciclo verrà eseguito per la prossima iterazione o si fermerà all'iterazione corrente. La terza e l'ultima istruzione si esegue dopo che le istruzioni all'interno del loop vengono eseguite. Sta aumentando il valore presente all'interno della variabile.
Possiamo anche ridurre il valore di una variabile in un ciclo. Ora produrremo la sequenza da venti a uno in ordine decrescente:
per (let numero = 20; numero> 0; numero--)console.log (numero);
Cosa è per/in il cappio?
IL per/in I loop vengono utilizzati per loop attraverso le proprietà presenti all'interno di un oggetto. È utile quando devi eseguire un ciclo attraverso un oggetto ma non conosci il numero di proprietà presenti nell'oggetto.
Sintassi:
per (Varin Object)Dichiarazioni
- Qui var viene utilizzato per archiviare un nome di proprietà diverso in ogni iterazione.
- Il ciclo scorre attraverso le proprietà dell'oggetto specificato.
per (let prop nei dipendenti)
console.log (prop);
A cosa serve/del ciclo?
IL per/di I loop vengono utilizzati per loop attraverso i valori di un array.
var nams = ['John Smith', 'John Doe', 'Jane Doe'];per (Let Value of Nams)
console.log (valore);
per/di I loop possono anche essere utilizzati per eseguire i valori di una stringa.
Conclusione
I loop vengono utilizzati per scrivere un codice conciso ed efficiente. Eliminano la ripetitività dal codice. Sono una parte fondamentale di qualsiasi linguaggio di programmazione importante.
Come accennato in precedenza, per i loop, prendi tre argomenti. Il primo argomento/parametro è l'inizializzatore che imposta la variabile. Il secondo argomento è la condizione; Il ciclo continuerà a funzionare fino a quando quella condizione non diventa falso. Il terzo e l'ultimo argomento vengono utilizzati per modificare la variabile impostata nel primo argomento. Tutti questi tre argomenti sono opzionali. Questi tre argomenti dovrebbero essere sempre specificati nonostante siano opzionali. Non riuscire a dare argomenti a un ciclo può creare un ciclo infinito che può causare un programma di arresto anomalo. IL per I loop vengono generalmente utilizzati quando il programmatore conosce il numero di volte in cui il ciclo verrà eseguito.
In questo come guidare, abbiamo imparato a utilizzare per i loop usando la sintassi JavaScript. Abbiamo anche imparato per /in e /di Loops.