JavaScript για ... σε βρόχο (με παραδείγματα)

Σε αυτό το σεμινάριο, θα μάθετε για το JavaScript για… σε βρόχο με τη βοήθεια παραδειγμάτων.

Στα προηγούμενα σεμινάρια, έχουμε καλύψει:

  • JavaScript ενώ και κάντε… while loop
  • JavaScript για βρόχο

Υπάρχουν επίσης άλλοι τύποι βρόχων. Ο for… inβρόχος στο JavaScript σας επιτρέπει να επαναλάβετε όλα τα κλειδιά ιδιοτήτων ενός αντικειμένου.

JavaScript για… σε βρόχο

Η σύνταξη του for… inβρόχου είναι:

 for (key in object) ( // body of for… in )

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

Σημείωση : Μόλις λάβετε κλειδιά, μπορείτε εύκολα να βρείτε την αξία του.

Παράδειγμα 1: Επανάληψη μέσω αντικειμένου

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Παραγωγή

 όνομα => τάξη της Μόνικα => 7 ηλικία => 12

Στο παραπάνω πρόγραμμα, ο for… inβρόχος χρησιμοποιείται για την επανάληψη του studentαντικειμένου και την εκτύπωση όλων των ιδιοτήτων του.

  • Το κλειδί αντικειμένου εκχωρείται στο κλειδί μεταβλητής.
  • student(key) χρησιμοποιείται για πρόσβαση στην τιμή του κλειδιού.

Παράδειγμα 2: Ενημέρωση τιμών ιδιοτήτων

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Παραγωγή

 Jack: 24000 $, Paul: 34000 $, Monica: 55000 $

Στο παραπάνω παράδειγμα, ο for… inβρόχος χρησιμοποιείται για την επανάληψη των ιδιοτήτων του salariesαντικειμένου. Στη συνέχεια, η συμβολοσειρά $προστίθεται σε κάθε τιμή του αντικειμένου.

για… in με Strings

Μπορείτε επίσης να χρησιμοποιήσετε for… inβρόχο για να επαναλάβετε τις τιμές συμβολοσειρών. Για παράδειγμα,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Παραγωγή

 κώδικας

για… μέσα με συστοιχίες

Μπορείτε επίσης να χρησιμοποιήσετε for… inμε πίνακες. Για παράδειγμα,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Παραγωγή

 γεια 1 JavaScript

Θα μάθετε περισσότερα σχετικά με τους πίνακες σε μεταγενέστερα μαθήματα.

Σημείωση : Δεν πρέπει να χρησιμοποιείτε for… inγια να επαναλάβετε έναν πίνακα όπου η σειρά ευρετηρίου είναι σημαντική.

Ένας από τους καλύτερους τρόπους επανάληψης ενός πίνακα είναι η χρήση του for… ofβρόχου.

Για να μάθετε περισσότερα σχετικά με το for… ofβρόχο, επισκεφθείτε το JavaScript για το… of loop.

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