JavaScript για κάθε ()

Σε αυτό το σεμινάριο, θα μάθετε για τη μέθοδο 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

ενδιαφέροντα άρθρα...