Wie unterscheidet sich forEach von der for-Schleife in TypeScript?

In TypeScript ist das „ für jede ' Und ' für „Schleifen sind zwei alternative Ansätze zum Durchlaufen von Arrays oder iterierbaren Objekten. Während beide Techniken die Elemente eines Arrays durchlaufen, unterscheiden sie sich in Syntax und Funktionalität. Die „for“-Schleife ist eine Allzweckschleife, die jede Operation für jedes Array-Element ausführen kann. Die „forEach“-Methode wurde jedoch ausschließlich für die Iteration über Arrays und die Ausführung einer Funktion für jedes Element entwickelt.

In diesem Artikel wird gezeigt, wie sich forEach von der for-Schleife in TypeScript unterscheidet.

Wie unterscheidet sich „forEach“ von der „for“-Schleife in TypeScript?

In TypeScript: „ für jede ' Und ' für „Schleifen sind zwei verschiedene Techniken zum Durchlaufen von Arrays oder anderen iterierbaren Objekten. Der Hauptunterschied zwischen beiden besteht darin, dass eine „for“-Schleife eine Allzweckschleife ist, die die Ausführung beliebiger Operationen an Array-Elementen ermöglicht, während „forEach“ eine Methode ist, die speziell für die Iteration über Arrays und die Ausführung einer Funktion für jedes Array entwickelt wurde Element. Einige häufige Unterschiede werden in der folgenden Tabelle erläutert:

für jede	for-Schleife
Die Syntax von forEach ist prägnanter und lesbarer.	for-Schleifen haben eine komplexere Syntax als forEach, was ihre Lesbarkeit und ihr Verständnis erschweren kann.
Dies ist im Allgemeinen leistungsfähiger als die Verwendung einer for-Schleife, insbesondere bei größeren Arrays.	Insgesamt bessere Leistung, aber weniger als forEach.
forEach ist explizit für die Ausführung einer Funktion für jedes Element konzipiert.	Es kann jede Operation für jedes Element eines Arrays ausführen.
Es ist weniger flexibel als for-Schleifen.	for-Schleifen sind flexibler als forEach.

Bevor Sie mit der praktischen Implementierung fortfahren, bedenken Sie, dass zum Ausführen einer TypeScript-Datei diese in eine JavaScript-Datei transpiliert und dann der JavaScript-Code auf dem Terminal mit den angegebenen Befehlen ausgeführt werden muss:

tsc-Dateiname.ts
Knoten Dateiname.js

Wie funktioniert „forEach“ in TypeScript?

Der ' für jede „ ist eine vorgefertigte Methode in TypeScript, die es uns ermöglicht, ein Array zu durchlaufen und eine Funktion für jedes Array-Element auszuführen.

Syntax
Die folgende Syntax wird für die forEach-Schleife verwendet:

für jede ( callbackFunc )

Beispiel
Erstellen Sie ein Array mit ungeraden Zahlen:

const oddNumbers = [ 1 , 3 , 5 , 7 , 9 , elf ] ;

Iterieren Sie das Array und drucken Sie die Array-Elemente auf der Konsole mit der forEach-Methode aus:

oddNumbers.forEach ( ( Zahlen ) = > {
console.log ( Zahlen ) ;
} ) ;

Ausgang

]

Wie funktioniert die „for“-Schleife in TypeScript?

A ' für „Schleife ist eine Standardschleife. Es ermöglicht das Durchlaufen einer Sammlung von Elementen und das Ausführen einiger Aktionen/Operationen für jedes Element.

Syntax
Für die „for“-Schleife wird die angegebene Syntax verwendet:

für ( Anfangswert, spezifischer Zustand, Schrittinkrement ) {
// Schleifenkörper
}

Beispiel
Iterieren Sie das oben erstellte Array mithilfe einer for-Schleife und zeigen Sie Array-Elemente auf der Konsole an:

für ( lassen ich = 0 ; ich < oddNumbers.length; i++ ) {
console.log ( ungerade Zahlen [ ich ] ) ;
}

Ausgang

Wir haben alle notwendigen Anweisungen zum Unterschied zwischen forEach und for-Schleife in TypeScript zusammengestellt.

Abschluss

Der ' für jede ' Und ' für „Schleifen sind zwei verschiedene Techniken zum Durchlaufen von Arrays oder anderen iterierbaren Objekten. Während beide Ansätze die Array-Elemente durchlaufen, unterscheiden sie sich in Syntax und Funktionalität. Der Hauptunterschied zwischen beiden besteht darin, dass eine „for“-Schleife eine Allzweckschleife ist, die die Ausführung beliebiger Operationen an Array-Elementen ermöglicht, während „forEach“ eine Methode ist, die explizit für die Iteration über Arrays und die Ausführung einer Funktion für jedes Array konzipiert ist Element. In diesem Artikel wurde gezeigt, wie sich forEach von der for-Schleife in TypeScript unterscheidet.

Wie unterscheidet sich forEach von der for-Schleife in TypeScript?