Σε αυτό το σεμινάριο, θα μάθετε για τη μέθοδο JavaScript forEach () με τη βοήθεια παραδειγμάτων.
Η forEach()
μέθοδος καλεί μια συνάρτηση και επαναλαμβάνει τα στοιχεία ενός πίνακα. Η forEach()
μέθοδος μπορεί επίσης να χρησιμοποιηθεί στους Χάρτες και σετ.
JavaScript για κάθε
Η σύνταξη της forEach()
μεθόδου είναι:
array.forEach(function(currentValue, index, arr))
Εδώ,
- function (currentValue, index, arr) - μια συνάρτηση που πρέπει να εκτελείται για κάθε στοιχείο ενός πίνακα
- currentValue - η τιμή ενός πίνακα
- ευρετήριο (προαιρετικό) - το ευρετήριο του τρέχοντος στοιχείου
arr (προαιρετικό) - ο πίνακας των τρεχόντων στοιχείων
γιαΚάθε με Πίνακες
Η forEach()
μέθοδος χρησιμοποιείται για την επανάληψη ενός πίνακα. Για παράδειγμα,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Παραγωγή
Τζον Σάρα Τζακ
Στο παραπάνω πρόγραμμα, η forEach()
μέθοδος παίρνει myFunction()
συνάρτηση που εμφανίζει κάθε στοιχείο ενός πίνακα μαθητών.
Ενημέρωση των στοιχείων Array
Όπως έχουμε δει στο παραπάνω παράδειγμα, η forEach()
μέθοδος χρησιμοποιείται για την επανάληψη ενός πίνακα, είναι πολύ απλή η ενημέρωση των στοιχείων του πίνακα. Για παράδειγμα,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);
Παραγωγή
("Γεια σας John", "Hello Sara", "Hello Jack")
forEach με λειτουργία Arrow
Μπορείτε να χρησιμοποιήσετε τη λειτουργία βέλους με τη forEach()
μέθοδο για να γράψετε ένα πρόγραμμα. Για παράδειγμα,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Παραγωγή
Τζον Σάρα Τζακ
για βρόχο σε forEach ()
Εδώ είναι ένα παράδειγμα του πώς μπορούμε να γράψουμε ένα πρόγραμμα με for
βρόχο και με forEach()
.
Χρήση για βρόχο
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);
Παραγωγή
("item1", "item2", "item3")
Χρησιμοποιώντας forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
για… από με σύνολα
Μπορείτε να επαναλάβετε τα στοιχεία Set χρησιμοποιώντας τη forEach()
μέθοδο. Για παράδειγμα,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Παραγωγή
1 2 3
γιαΚάθε με τους Χάρτες
Μπορείτε να επαναλάβετε τα στοιχεία του Χάρτη χρησιμοποιώντας τη forEach()
μέθοδο. Για παράδειγμα,
let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )
Παραγωγή
όνομα - Jack ηλικίας - 27