Πώς λειτουργεί το For-Each Loop στο TypeScript;

Pos Leitourgei To For Each Loop Sto Typescript



Η επανάληψη πάνω από τα στοιχεία ενός πίνακα ή άλλου επαναληπτικού αντικειμένου είναι μια κοινή λειτουργία προγραμματισμού και το TypeScript παρέχει έναν εύκολο τρόπο για να το κάνετε αυτό με έναν βρόχο 'For-Each' που υλοποιείται χρησιμοποιώντας τη μέθοδο 'forEach()'. Επιτρέπει την εκτέλεση ενός μπλοκ κώδικα για κάθε στοιχείο σε έναν πίνακα ή επαναληπτικό αντικείμενο χωρίς να ανησυχείτε για τον δείκτη ή το μήκος του πίνακα. Αυτό το καθιστά ένα χρήσιμο εργαλείο για φιλτράρισμα δεδομένων, χαρτογράφηση και μετασχηματισμό.

Αυτό το σεμινάριο θα απεικονίσει τη λειτουργία του βρόχου For-Each στο TypeScript.

Πώς λειτουργεί το For-Each Loop στο TypeScript;

Στο TypeScript, το ' Για κάθε Ο βρόχος υλοποιείται με το 'για κάθε() », η οποία είναι μια προκαθορισμένη μέθοδος του αντικειμένου Array. Χρησιμοποιείται για επανάληψη μέσω των στοιχείων του πίνακα ή άλλων επαναλήψεων αντικειμένων. Δέχεται μια συνάρτηση επανάκλησης ως όρισμα, η οποία εκτελείται για κάθε στοιχείο του πίνακα.







Σύνταξη
Η ακόλουθη σύνταξη χρησιμοποιείται για τον βρόχο For-Each:



για κάθε ( επανάκλησηFunc )

Εδώ, το 'callbackFunc' είναι η συνάρτηση που χρησιμοποιείται για τη δοκιμή κάθε στοιχείου σε έναν πίνακα.



Για παράδειγμα, χρησιμοποιήστε την παραπάνω σύνταξη ως:





array.forEach ( λειτουργία ( αξία ) {
// κώδικα για εκτέλεση Για κάθε στοιχείο
} ) ;

Παράδειγμα
Στο παρακάτω παράδειγμα, έχουμε έναν πίνακα τύπου συμβολοσειράς με το όνομα ' μόλις ”:

αφήνω γλώσσα: χορδή [ ] = [ 'JavaScript' , 'jQuery' , 'Ιάβα' ] ;

Καλέστε τη μέθοδο forEach() ως βρόχο For-Each για να επαναλάβετε τον πίνακα και να εμφανίσετε κάθε στοιχείο ενός πίνακα στην κονσόλα:



lang.για Κάθε ( λειτουργία ( αξία ) {
console.log ( αξία ) ;
} ) ;

Μετατρέψτε το αρχείο TypeScript χρησιμοποιώντας την εντολή 'tsc':

tsc forEachLoop.ts

Ο κώδικας μετατρέπεται τώρα σε JavaScript, τώρα θα εκτελέσουμε το αρχείο JavaScript χρησιμοποιώντας τη δεδομένη εντολή:

κόμβος forEachLoop.js

Η έξοδος δείχνει ότι τα στοιχεία του πίνακα εμφανίστηκαν με επιτυχία στην κονσόλα επαναλαμβάνοντας τον πίνακα χρησιμοποιώντας τον βρόχο For-Each:

Ο βρόχος 'For-Each' δεν χρησιμοποιείται μόνο για πίνακες. μπορεί επίσης να χρησιμοποιηθεί με οποιοδήποτε επαναλαμβανόμενο αντικείμενο. Εδώ, θα επαναλάβουμε το αντικείμενο με το όνομα ' πληροφορίες ώρας ” με τρία ζεύγη κλειδιών-τιμών:

αφήνω stdInfo = {
ταυτότητα : 5 ,
όνομα: 'Μίλι' ,
ηλικία: δεκαπέντε
} ;

Επαναλάβετε το αντικείμενο χρησιμοποιώντας τον βρόχο For-Each με τη μέθοδο Object.keys() για να εκτυπώσετε τις ιδιότητες του αντικειμένου με τις σχετικές τιμές τους:

Αντικείμενο.κλειδιά ( πληροφορίες ώρας ) .για κάθε ( λειτουργία ( κλειδί ) {
console.log ( πλήκτρο + ':' + πληροφορίες ώρας [ κλειδί ] ) ;
} ) ;

Παραγωγή

Αυτά είναι όλα σχετικά με τη λειτουργία του βρόχου For-Each στο TypeScript.

συμπέρασμα

Ο βρόχος 'For-Each' υλοποιείται στο TypeScript με το ' για κάθε() ” μέθοδος που χρησιμοποιείται για επανάληψη μέσω των στοιχείων του πίνακα ή άλλων επαναλήψεων αντικειμένων. Δέχεται μια συνάρτηση επανάκλησης ως όρισμα, η οποία εκτελείται για κάθε στοιχείο του πίνακα. Αυτό το σεμινάριο επεξηγεί τη λειτουργία του βρόχου For-Each στο TypeScript.