Per, per ... di e per ... in loop in javascript | Spiegato
Per loop in javascript
Il ciclo più comune e più utilizzato in JavaScript e probabilmente in tutti gli altri linguaggi di programmazione è anche il Per ciclo continuo. Come abbiamo già spiegato, questi loop vengono utilizzati per eseguire o invocare ripetutamente un pezzo di codice fino a quando non viene soddisfatta una condizione specifica. Questa condizione viene passata all'interno del secondo parametro del Per loop. Per il ciclo è comunemente usato quando abbiamo una stima approssimativa di quante volte il ciclo funzionerà. Sulla base di ciò abbiamo impostato la nostra condizione.
Sintassi di per loop
for (inizialize-varible; condizione-to-met; espressione finale)// corpo del ciclo per
- Initialize-Variable: Inizializza una variabile nel primo parametro.
- Condizione a essere: Definire una condizione su cui il ciclo iterirà.
- Espressione finale: Compito da eseguire alla fine dell'iterazione di Loop
Nota: I parametri del ciclo for sono separati da un semi-colon “; "E sono tutti opzionali in JavaScript.
Esempio: Facciamo un esempio in cui dobbiamo stampare le prime 10 cifre a partire da una. Se lo facciamo senza un ciclo, il nostro codice sembrerà:
console.log (1);console.log (2);
console.log (3);
console.log (4);
console.log (5);
console.log (6);
console.log (7);
console.log (8);
console.log (9);
console.log (10);
Il risultato:
L'output è esattamente quello che volevamo, ma non è un modo efficiente di farlo. Proviamo a usare il loop per risolvere lo stesso problema. Il codice è come:
per (let i = 0; i <=10 ; i ++)console.log (i)
L'output è esattamente lo stesso:
Se esaminiamo il codice, abbiamo creato una variabile contatore a blocchi "I" e l'abbiamo inizializzata con un valore intero 0. Nel secondo parametro, impostiamo una condizione che vogliamo eseguire fino a quando la variabile del contatore non raggiunge il valore 10 e, nell'ultimo parametro, impostiamo un'espressione finale per aumentare questa variabile di contatore ogni volta che il ciclo raggiunge la fine di ciascuno iterazione.
Come lavorare con gli array usando per loop
I loop possono anche essere usati per iterare attraverso gli array e il loro valore, per dimostrare che, avremo bisogno di un array. Crea un array di numeri con la seguente affermazione:
array = [1,5,88,24,25,137,37,28,173,222];Usiamo l'accesso al loop ogni elemento all'interno di questo array e stampiamo il suo valore utilizzando le seguenti istruzioni:
per (i = 0; i < array.length ; i++)console.log (array [i]);
L'output è:
Nota: Abbiamo usato la condizione, io < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero
Possiamo persino usare il ciclo for per attraversare l'array dall'ultimo a prima utilizzando il codice:
per (let i = array.lunghezza-1; i> = 0; io--)console.log (array [i]);
Abbiamo inizializzato il contatore variabile con un valore uno in meno della lunghezza di quell'array per accedere all'ultimo elemento dell'array e abbiamo iniziato a ridurre il contatore variabile di 1 in ogni iterazione. L'output è:
Il ciclo per difensore in Javascript
Il ciclo per l'uso viene utilizzato per iterare su oggetti iterabili, questi oggetti possono essere array, set, oggetti e persino stringhe. Il per ... di Loop restituisce il valore degli elementi degli oggetti iterabili:
Sintassi del ciclo for-of
per (elemento dell'array)// corpo del ciclo
- elemento: è il nome della variabile che daremo a ciascun elemento nell'array.
- vettore: è l'array che stiamo attraversando
Per comprendere meglio il funzionamento di For Of Loop, prendiamo una serie di valori di variabili:
array = [1,4,56, "contanti", "auto", 63, 69, "Google", "luna", "mercurio"];Ora, usa il ciclo per iterare attraverso gli elementi usando le seguenti righe di codice:
per (Elem of Array)console.log (Elem);
L'output è:
Abbiamo attraversato gli elementi dell'array usando il per ...
Looping attraverso una stringa usando il loop per
Possiamo usare il ciclo per passare attraverso ogni carattere di un valore di stringa. Per questo creiamo una variabile stringa usando la seguente istruzione in JavaScript.
var frase = "Benvenuti a LinuxHint!";Ora, itera attraverso ogni carattere di questa variabile usando i comandi:
per (char della frase)console.log (char);
Ottiamo il seguente output nella nostra console:
Come puoi vedere, con l'aiuto del ciclo for, siamo stati in grado di accedere a ogni singolo personaggio all'interno di una stringa.
Il ciclo for-in:
Il ciclo for-in viene utilizzato per iterare sulle proprietà degli elementi all'interno degli oggetti iterabili, per capirlo in un modo molto migliore, creiamo un oggetto contenente coppie di valore chiave usando le seguenti istruzioni:
const Person = FirstName: "John", LastName: "Doe", Age: 22, Città: "NewYork";Stampiamo i valori "chiave" di questo oggetto usando il per ... in ... Loop attraverso queste affermazioni:
per (oggetti di scena in persona)console.registro (oggetti di scena);
L'output è:
Come puoi vedere, gli accessi per loop per in-in i nomi delle proprietà degli elementi.
Conclusione
IL per loop è il ciclo più utilizzato; JavaScript arriva con la sua variazione di per loop, il Loop for-in, e il per loop. Abbiamo appreso la sintassi e il funzionamento del per Loop. Dopodiché, abbiamo appreso del for-in e il per di Loop e come funzionano e ciò che ritornano insieme ai loro esempi, e abbiamo persino imparato la differenza tra le due varianti.