Javascript per ... in vs per ... di loop

Looping svolge un ruolo vitale nell'accesso agli elementi per recuperare un certo valore in base alla condizione. Questo risultato sta eseguendo alcune operazioni su una stringa particolare o un oggetto convenientemente. Inoltre, è anche efficace nell'iterare i dati in blocco risparmiando così tempo. In tali casi, "per ... in" E "per ... di"I loop offrono grandi funzionalità nell'accesso ai dati in modo intelligente.

Questo blog spiegherà le differenze tra per ... in e per ... di Loop in JavaScript con l'aiuto di esempi.

Javascript per ... in vs per ... di loop

IL "per ... in"Loop è utile in caso di iterazione attraverso le proprietà di un oggetto. Se iterate attraverso una stringa, restituisce gli indici corrispondenti ai valori della stringa anziché ai valori della stringa.

IL "per ... di"Loop, d'altra parte, non è preferito per iterarsi attraverso le proprietà degli oggetti. Piuttosto, attraversa i valori di un oggetto iterabile. Tuttavia, è adatto per ripetere i valori della stringa in quanto li accede facilmente e restituisce anche i caratteri contenuti separatamente.

Sintassi

per (variabile in string)

Nella sintassi data:

• "variabile"Si riferisce ai caratteri contenuti in una stringa.
• "corda"Corrisponde al valore della stringa su cui essere iterati.

per (variabile di iteble)

Nella sintassi sopra:

• "variabile"Indica il valore della proprietà successiva che deve essere assegnata alla variabile ad ogni iterazione.
• "iteble"Indica l'oggetto che ha proprietà iterabili.

Esempio 1: iterando il per ... dentro e per ... di loop rispetto al valore della stringa

Questo esempio spiegherà il comportamento di entrambi i loop dichiarati all'iterali rispetto al valore della stringa specificato.

per ... in loop

Seguiamo l'esempio di seguito di "per ... in" ciclo continuo:

Nel frammento di codice sopra:

• Assegna il valore della stringa indicato denominato "Linuxhint".
• Dopodiché, applica il "per ... in"Loop per iterare lungo i caratteri della stringa.
• Al momento della registrazione, il risultato indicherà invece gli indici in cui vengono archiviati i caratteri della stringa.

Produzione

Dall'output sopra, si può osservare che gli indici della stringa vengono invece recuperati.

per ... di loop

Osserviamo il comportamento del "per ... di"Loop al momento della iteratura attraverso il valore della stringa specificato di seguito:

Nelle righe di codice sopra, eseguire i seguenti passaggi:

• Allo stesso modo, specificare il valore della stringa indicato.
• Nel passaggio successivo, applica il "per ... di"Loop per iterare lungo il valore della stringa inizializzato.
• Infine, l'output comporterà il recupero dei caratteri direttamente che sono contenuti in una stringa e la visualizzazione.

Produzione

Nell'output sopra, è evidente che i valori della stringa vengono restituiti.

Esempio 2: Iterazione per ... dentro e per ... di loop sull'oggetto

In questo particolare esempio, itera entrambi i loop sull'oggetto creato e osserva l'output risultante contro ciascuno di essi.

per ... in loop

Osserviamo il comportamento del "per ... in"Loop iterandolo attraverso un oggetto.

Seguiamo l'esempio di seguito:

Nelle righe di codice sopra:

• Crea un oggetto chiamato "objdata"Con le proprietà denominate (Harry, ID ed età) e i valori corrispondenti.
• Nel passaggio successivo, applica il "per ... in"Loop per accedere alle proprietà dell'oggetto e ai valori corrispondenti.
• Il primo parametro nel "tronco d'albero()"Il metodo corrisponde alla proprietà dell'oggetto e l'altro si riferisce al suo valore corrispondente.
• Di conseguenza, sia le proprietà e i valori dell'oggetto verranno registrati sulla console.

Produzione

Nell'output sopra, si può osservare che le proprietà dell'oggetto e i valori corrispondenti sono visualizzati sulla console.

per ... di loop

Dai un'occhiata all'iterazione del "per ... di"Loop sull'oggetto.

Dai un'occhiata al seguente codice JavaScript:

Nel frammento di codice sopra, eseguire i seguenti passaggi:

• Ricorda i passaggi per la creazione di un oggetto nell'esempio precedente.
• Nel passaggio successivo, applica il "per ... di"Loop in modo simile per iterare lungo le proprietà dell'oggetto e i valori corrispondenti.
• Ciò comporterà il lancio di un errore che può essere visto nell'output seguente.

Produzione

Dall'output sopra, si può osservare che l'oggetto accessibile non è iterabile.

Conclusione

IL "per ... di"Il ciclo può essere utilizzato per loop sulle corde e il"per ... in"Loop può essere adatto a loop sugli oggetti in JavaScript. Il primo loop accede direttamente ai caratteri contenuti in una stringa e li restituisce. Quest'ultimo ciclo può essere utilizzato per loop sugli oggetti per accedere alle loro proprietà e i valori corrispondenti comodamente. Questo tutorial ha spiegato le differenze tra per ... in e per ... di loop.