Dieses Tutorial veranschaulicht die Funktionsweise der For-Each-Schleife in TypeScript.
Wie funktioniert die For-Each-Schleife in TypeScript?
In TypeScript ist das „ Für jede ”-Schleife wird mit dem implementiert 'für jede() ”-Methode, bei der es sich um eine vordefinierte Methode des Array-Objekts handelt. Es wird zum Durchlaufen der Array-Elemente oder anderer iterierbarer Objekte verwendet. Als Argument akzeptiert es eine Callback-Funktion, die für jedes Element im Array ausgeführt wird.
Syntax
Für die For-Each-Schleife wird die folgende Syntax verwendet:
für jede ( callbackFunc )
Hier ist „callbackFunc“ die Funktion, die zum Testen jedes Elements in einem Array verwendet wird.
Verwenden Sie beispielsweise die obige Syntax wie folgt:
array.forEach ( Funktion ( Wert ) {
// Code zum Ausführen für jedes Element
} ) ;
Beispiel
Im folgenden Beispiel haben wir ein Array vom Typ String mit dem Namen „ Nur ”:
Rufen Sie die Methode forEach() als For-Each-Schleife auf, um das Array zu iterieren und jedes Element eines Arrays auf der Konsole anzuzeigen:
lang.forEach ( Funktion ( Wert ) {
console.log ( Wert ) ;
} ) ;
Transpilieren Sie die TypeScript-Datei mit dem Befehl „tsc“:
tsc forEachLoop.tsDer Code wird nun in JavaScript umgewandelt, nun führen wir die JavaScript-Datei mit dem angegebenen Befehl aus:
Knoten forEachLoop.jsDie Ausgabe zeigt an, dass die Array-Elemente erfolgreich auf der Konsole angezeigt wurden, indem das Array mithilfe der For-Each-Schleife iteriert wurde:
Die „For-Each“-Schleife wird nicht nur für Arrays verwendet; Es kann auch mit jedem iterierbaren Objekt verwendet werden. Hier iterieren wir das Objekt mit dem Namen „ stdInfo ” mit drei Schlüssel-Wert-Paaren:
lassen stdInfo = {Ausweis : 5 ,
Name: „Mily“ ,
Alter: fünfzehn
} ;
Iterieren Sie das Objekt mithilfe der For-Each-Schleife mit der Methode Object.keys(), um die Eigenschaften des Objekts mit den zugehörigen Werten auszugeben:
Objektschlüssel ( stdInfo ) .für jede ( Funktion ( Taste ) {console.log ( Taste + ':' + stdInfo [ Taste ] ) ;
} ) ;
Ausgang
Das ist alles über die Funktionsweise der For-Each-Schleife in TypeScript.
Abschluss
Die „For-Each“-Schleife wird in TypeScript mit dem „ für jede() ”-Methode, die zum Durchlaufen der Array-Elemente oder anderer iterierbarer Objekte verwendet wird. Als Argument akzeptiert es eine Callback-Funktion, die für jedes Element im Array ausgeführt wird. Dieses Tutorial veranschaulichte die Funktionsweise der For-Each-Schleife in TypeScript.