Questo articolo dimostrerà in che modo forEach è diverso dal ciclo for in TypeScript.
In che modo 'forEach' è diverso dal ciclo 'for' in TypeScript?
In dattiloscritto, ' per ciascuno ' E ' per I loop sono due diverse tecniche per iterare su array o altri oggetti iterabili. La differenza principale tra entrambi è che un ciclo 'for' è un ciclo generico che consente di eseguire qualsiasi operazione sugli elementi dell'array, mentre 'forEach' è un metodo progettato specificamente per iterare sugli array ed eseguire una funzione per ciascuno elemento. Alcune differenze comuni discuteranno nella tabella data:
| per ciascuno | per ciclo |
|---|---|
| La sintassi di forEach è più concisa e leggibile. | I cicli for hanno una sintassi più complessa rispetto a forEach, il che può renderli più difficili da leggere e comprendere. |
| In genere è più performante rispetto all'utilizzo di un ciclo for, specialmente per array più grandi. | Prestazioni complessivamente migliori ma inferiori rispetto a forEach. |
| forEach è progettato esplicitamente per eseguire una funzione su ciascun elemento. | Può eseguire qualsiasi operazione su ciascun elemento di un array. |
| È meno flessibile rispetto ai loop for. | I cicli for sono più flessibili di forEach. |
Prima di procedere all'implementazione pratica, tieni presente che per eseguire un file TypeScript, deve essere transpilato in un file JavaScript e quindi eseguire il codice JavaScript sul terminale utilizzando i comandi forniti:
tsc nomefile.ts
nodo nomefile.js
Come funziona 'forEach' in TypeScript?
IL ' per ciascuno ' è un metodo predefinito in TypeScript che ci consente di eseguire il ciclo su un array ed eseguire una funzione su ciascun elemento dell'array.
Sintassi
La seguente sintassi viene utilizzata per il ciclo forEach:
per ciascuno ( callbackFunz )
Esempio
Crea una matrice di numeri dispari:
Iterare l'array e stampare gli elementi dell'array sulla console utilizzando il metodo forEach:
numeridispari.perOgni ( ( numeri ) = > {
console.log ( numeri ) ;
} ) ;
Produzione
] 
Come funziona il ciclo 'for' in TypeScript?
UN ' per ” loop è un loop standard. Consente di scorrere una raccolta di elementi ed eseguire alcune azioni/operazioni su ciascun elemento.
Sintassi
La sintassi data è utilizzata per il ciclo 'for':
// corpo ad anello
}
Esempio
Iterare l'array creato sopra usando il ciclo for e visualizzare gli elementi dell'array sulla console:
console.log ( numeri dispari [ io ] ) ;
}
Produzione
Abbiamo compilato tutte le istruzioni necessarie relative alla differenza tra forEach e for loop in TypeScript.
Conclusione
IL ' per ciascuno ' E ' per I loop sono due diverse tecniche per iterare su array o altri oggetti iterabili. Sebbene entrambi gli approcci eseguano il ciclo degli elementi dell'array, differiscono per sintassi e funzionalità. La differenza principale tra entrambi è che un ciclo 'for' è un ciclo generico che consente di eseguire qualsiasi operazione sugli elementi dell'array, mentre 'forEach' è un metodo progettato esplicitamente per iterare sugli array ed eseguire una funzione per ciascuno elemento. Questo articolo ha dimostrato in che modo forEach è diverso dal ciclo for in TypeScript.