forEach Loop σε JavaScript: One Stop Solution για αρχάριους



Σε αυτό το ιστολόγιο θα μάθουμε για το βρόχο forEach και την εφαρμογή του σε JavaScript. Το ιστολόγιο καλύπτει θέματα όπως παραμέτρους, επιστροφή και χρήση.

παρέχει πολλούς τρόπους για την εφαρμογή βρόχων για να περάσετε από έναν πίνακα. Σήμερα πρόκειται να συζητήσουμε έναν συγκεκριμένο βρόχο που γρήγορα μετατράπηκε σε αγαπημένο μεταξύ των προγραμματιστών για κάθε βρόχος σε JavaScript. Ακολουθούν τα θέματα που θα εξετάσουμε:

Τι είναι οι βρόχοι και οι πίνακες;

Ο βρόχος είναι ο όρος για τη διαδικασία εφαρμογής ενός επαναληπτικού, δηλαδή κάτι που γίνεται επαναλαμβανόμενα. Αν λοιπόν μετράτε από το 1 έως το 10, θα εφαρμόζατε έναν βρόχο που βγαίνει δέκα φορές και αυξάνει την τιμή μέτρησης κατά 1.

Πίνακες απλά, μια συλλογή από παρόμοια αντικείμενα. Είναι γενικά εξαιρετικό για τη διατήρηση μιας λίστας πραγμάτων, για παράδειγμα, πληροφοριών μαθητή, που θα μπορούσαν να αποθηκευτούν ως αντικείμενο μαθητή σε έναν πίνακα. Ένας πολύ καλός τρόπος για να διασχίσετε μια συστοιχία ήταν ο βρόχος for, και αυτό ακριβώς βελτιώνεται το forEach loop. Ας μάθουμε περισσότερα για το βρόχο forEach.





forEach σε σύνταξη JavaScript

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((μαθητής) => {// Μπορείτε να εκτελέσετε την επιθυμητή λειτουργία σας εδώ εκτύπωση (μαθητής)}


Το παραπάνω απόσπασμα είναι η σύνταξη του a για κάθε βρόχο μέσα . Ας ρίξουμε μια πιο προσεκτική ματιά στο πώς όλα αυτά εκτελούνται. Πρώτα δηλώνουμε μια σειρά από ονόματα μαθητών και το ονομάζουμε κατάλληλα. Στη συνέχεια, καλούμε τη συνάρτηση forEach με το χειριστής dot (.). Τα δεδομένα που επιστρέφονται από τη συνάρτηση αποθηκεύονται σε μαθητή. Τα δεδομένα επιστρέφονται με μια συνάρτηση επανάκλησης. Σε αυτό το παράδειγμα, εκτυπώνουμε απλά τα ονόματα του μαθητή που θα δώσουν την έξοδο 'Rob Van Dam'

πώς να χρησιμοποιήσετε το goto στο c ++

Παράμετροι του forEach σε JavaScript

Οι παράμετροι περνούν στη συνάρτηση επανάκλησης, είναι-



  • currentValue - Οι τρέχουσες τιμές που μεταδίδονται στην επιστροφή κλήσης. Στο απόκομμα η τρέχουσα τιμή είναι μαθητης σχολειου . Αυτή η παράμετρος είναι υποχρεωτική.
  • index - Το ευρετήριο του τρέχοντος στοιχείου στον πίνακα. Αυτή είναι μια προαιρετική παράμετρος.
  • αυτό - αυτό αναφέρεται στο τρέχον αντικείμενο στη στοίβα κλήσεων.

Επιστροφή τιμής forEach σε JavaScript

απροσδιόριστος . Πάντα .

java μετατροπή διπλό σε int

Φίλτρο, Χάρτης επιστρέφει έναν πίνακα και forEach επιστρέφει απροσδιόριστο. Αυτή είναι η κύρια διαφορά μεταξύ αυτών των βρόχων.



java τι είναι μια μεταβλητή παρουσίας

Τώρα που έχουν γίνει τα βασικά, ας δούμε μερικούς κανόνες που πρέπει να θυμάστε κατά τη χρήση για κάθε .

  • forEach εκτελεί τη λειτουργία επιστροφής κλήσης μία φορά για κάθε στοιχείο πίνακα.
  • Επιστρέφει πάντα απροσδιόριστο.
  • Δεν μεταλλάσσει τον πίνακα, αλλά η επιστροφή μπορεί να προγραμματιστεί για να το κάνει.
  • forEach δεν είναι ικανός αλυσίδας όπως χάρτης, μείωση ή φιλτράρισμα.
  • Το εύρος των στοιχείων που υποβλήθηκαν σε επεξεργασία από για κάθε ο βρόχος έχει ρυθμιστεί πριν από την πρώτη επίκληση της συνάρτησης επανάκλησης.
  • Στοιχεία που επισυνάπτονται στον πίνακα μετά forEach που ξεκίνησαν δεν επισκέπτονται το βρόχο.
  • Τα στοιχεία που διαγράφονται πριν από την επίσκεψη από τον βρόχο δεν επισκέπτονται.
  • Εάν τα στοιχεία που έχουν ήδη επισκεφθεί αφαιρεθούν από τον πίνακα κατά τη διάρκεια της επανάληψης, αργότερα στοιχεία θα παραλειφθούν.
  • Για κάθε βρόχο μόλις ξεκινήσει δεν μπορεί να σταματήσει χωρίς να σκοτωθεί το νήμα της διαδικασίας. Σκεφτείτε το ως συνδρομή. Πρέπει να καταργήσετε την εγγραφή σας για να σταματήσει.
  • forEach δεν εκτελεί την επιστροφή κλήσης για τα στοιχεία του πίνακα χωρίς τιμές.

Αυτοί είναι οι κανόνες που πρέπει πάντα να λαμβάνονται υπόψη κατά τη χρήση του για Κάθε βρόχο.

Τώρα που γνωρίζετε για το βρόχο forEach, ρίξτε μια ματιά στην Εκπαίδευση πιστοποίησης ανάπτυξης ιστού από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στην υπηρεσία απλής αποθήκευσης Amazon (S3).

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του 'forEach in JavaScript' και θα επικοινωνήσουμε μαζί σας.