For Λογική Περιήγησης JavaScript

η επαναλαμβανόμενη λειτουργία μπορεί να εκτελεί κώδικα πολλές φορές.

JavaScript επαναλαμβανόμενη λειτουργία

Αν χρειάζεστε να εκτελέσετε κώδικα πολλές φορές με διαφορετικές τιμές, η επαναλαμβανόμενη λειτουργία (loop) είναι πολύ χρήσιμη.

συνήθως συναντούμε παραδείγματα χρήσης πίνακα:

μη χρειάζεται να γράφεται έτσι:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Μπορείτε να γράψετε ως εξής:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

Δοκιμάστε το προσωπικά

Διαφορετικοί τύποι βρόχων

Το JavaScript υποστηρίζει διαφορετικούς τύπους βρόχων:

  • for - Πληθανοπολλαπλάς εκτελεί ένα κομμάτι κώδικα
  • for/in - Περνάει τις ιδιότητες του αντικειμένου
  • while - Εκτελεί ένα κομμάτι κώδικα όταν η συνθήκη είναι true
  • do/while - Εκτελεί ένα κομμάτι κώδικα όταν η συνθήκη είναι true

Βρόχος For

Ο βρόχος for είναι ένα εργαλείο που χρησιμοποιείται συχνά όταν θέλετε να δημιουργήσετε έναν βρόχο.

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

for (Η εκφράση 1; Η εκφράση 2; Η εκφράση 3) {
     Ο κώδικας που πρέπει να εκτελεστεί
}

Η εκφράση 1 εκτελείται πριν από την έναρξη του bloκου κώδικα.

Η εκφράση 2 ορίζει την συνθήκη εκτέλεσης του bloκου κώδικα.

Η εκφράση 3 εκτελείται μετά την εκτέλεση του bloκου κώδικα κάθε φορά.

Παράδειγμα

for (i = 0; i < 5; i++) {
     text += "Αριθμός είναι " + i + "<br>";
}

Δοκιμάστε το προσωπικά

Από τον παραπάνω κώδικα, μπορείτε να καταλάβετε ότι:

Η εκφράση 1 ρυθμίζει μια μεταβλητή πριν από την έναρξη του βρόχου (var i = 0).

Η εκφράση 2 ορίζει την συνθήκη εκτέλεσης του βρόχου (i πρέπει να είναι μικρότερος από 5).

Η εκφράση 3 αυξάνει την τιμή μετά την εκτέλεση του bloκου κώδικα κάθε φορά.

Η εκφράση 1

Συνήθως, χρησιμοποιείτε την εκφράση 1 για να καινitalize τις μεταβλητές που χρησιμοποιούνται στον βρόχο (i = 0).

Όμως, δεν είναι πάντα έτσι, το JavaScript δεν δίνει σημασία. Η εκφράση 1 είναι προαιρετική.

Μπορείτε να καινitalize πολλαπλές τιμές στη έκφραση 1 (χωρισμένες με κόμματσο):

Παράδειγμα

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

Δοκιμάστε το προσωπικά

Και μπορείτε να παραλείψετε την εκφράση 1 (π.χ. να ρυθμίσετε την τιμή πριν από την έναρξη του βρόχου):

Παράδειγμα

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "<br>";
}

Δοκιμάστε το προσωπικά

Η εκφράση 2

Συνήθως, η εκφράση 2 χρησιμοποιείται για τον υπολογισμό της συνθήκης της αρχικής μεταβλητής.

Όμως, δεν είναι πάντα έτσι, το JavaScript δεν δίνει σημασία. Η εκφράση 2 είναι επίσης προαιρετική.

Αν η εκφράση 2 επιστρέφει true, ο βρόχος θα ξεκινήσει ξανά, αν επιστρέφει false, τότε ο βρόχος θα τελειώσει.

Αν παραλείψετε την εκφράση 2, τότε πρέπει να παρέχετε μια στο βρόχο breakΑλλιώς, ο βρόχος δεν θα τελειώσει ποτέ. Μάθετε περισσότερα για το break στο επόμενο κεφάλαιο.

Η εκφράση 3

Συνήθως, η εκφράση 3 αυξάνει την αρχική τιμή της μεταβλητής.

Όμως, δεν είναι πάντα έτσι, το JavaScript δεν δίνει σημασία. Η εκφράση 3 είναι επίσης προαιρετική.

Κάθε εκφράση μπορεί να εκτελεί οποιαδήποτε ενέργεια, όπως η αρνητική αύξηση (i--), η θετική αύξηση (i = i + 15), ή οποιαδήποτε άλλη ενέργεια.

Η πρόταση 3 μπορεί επίσης να παραλειφθεί (π.χ. όταν αυξάνετε την τιμή μέσα στον κύκλο):

Παράδειγμα

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

Δοκιμάστε το προσωπικά

Λουπ For/In

JavaScript for/in Η πρόταση λουπ πηγαίνει μέσα από τις ιδιότητες του αντικειμένου:

Παράδειγμα

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

Δοκιμάστε το προσωπικά

Κύκλος While

Θα μάθουμε τον κύκλο while και τον κύκλο do/while στο επόμενο κεφάλαιο.

Βιβλία εκπαιδευτικού προγράμματος

για περισσότερες πληροφορίες Γλώσσα JavaScript forΓια περισσότερες πληροφορίες σχετικά με την

Γλώσσα ECMAScript διαδραστικές εκφράσεις
Οι διαδραστικές εκφράσεις ονομάζονται επίσης εκφράσεις λουπ. Αυτό το κεφάλαιο σας παρουσιάζει τα τέσσερα είδη διαδραστικών εκφράσεων που παρέχει το ECMAScript.