Questo tutorial illustrerà il funzionamento del ciclo For-Each in TypeScript.
Come funziona il ciclo For-Each in TypeScript?
In TypeScript, il ' Per ciascuno ” il ciclo è implementato con il 'per ciascuno() ” metodo, che è un metodo predefinito dell'oggetto Array. Viene utilizzato per scorrere gli elementi dell'array o altri oggetti iterabili. Accetta una funzione di callback come argomento, che viene eseguita per ogni elemento nell'array.
Sintassi
Per il ciclo For-Each viene utilizzata la seguente sintassi:
per ciascuno ( callbackFunz )
Qui, 'callbackFunc' è la funzione utilizzata per testare ogni elemento in un array.
Ad esempio, utilizzare la sintassi precedente come:
array.forEach ( funzione ( valore ) {
// codice da eseguire per ogni elemento
} ) ;
Esempio
Nell'esempio seguente, abbiamo un array di tipo stringa denominato ' Appena ”:
Chiama il metodo forEach() come ciclo For-Each per iterare l'array e visualizzare ogni elemento di un array nella console:
lang.forEach ( funzione ( valore ) {
console.log ( valore ) ;
} ) ;
Transpile il file TypeScript usando il comando 'tsc':
tsc forEachLoop.tsIl codice è ora convertito in JavaScript, ora eseguiremo il file JavaScript usando il comando dato:
nodo perEachLoop.jsL'output indica che gli elementi dell'array sono stati visualizzati correttamente sulla console ripetendo l'array utilizzando il ciclo For-Each:
Il ciclo 'For-Each' non viene utilizzato solo per gli array; può anche essere utilizzato con qualsiasi oggetto iterabile. Qui itereremo l'oggetto denominato ' informazioni sull'ora ” con tre coppie chiave-valore:
permettere stdInfo = {id : 5 ,
nome: 'Milia' ,
età: quindici
} ;
Iterare l'oggetto utilizzando il ciclo For-Each con il metodo Object.keys() per stampare le proprietà dell'oggetto con i valori associati:
Object.keys ( informazioni sull'ora ) .per ciascuno ( funzione ( chiave ) {console.log ( tasto + ':' + informazioni sull'ora [ chiave ] ) ;
} ) ;
Produzione
Questo è tutto sul funzionamento del ciclo For-Each in TypeScript.
Conclusione
Il ciclo 'For-Each' è implementato in TypeScript con il ' per ciascuno() ” metodo utilizzato per scorrere gli elementi dell'array o altri oggetti iterabili. Accetta una funzione di callback come argomento, che viene eseguita per ogni elemento nell'array. Questo tutorial ha illustrato il funzionamento del ciclo For-Each in TypeScript.