Πρόταση for του JavaScript

Ορισμός και χρήση

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

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

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

  • for - πολλαπλές βρόχοι κώδικα
  • for/in - πλοήγηση των ιδιοτήτων του αντικειμένου
  • for/of - Εκτελεί έναν κύκλο που περιηγείται στους τιμές του αναγνωριστού αντικειμένου
  • while - Εκτελεί μια κλειστή μονάδα κώδικα αν η συνθήκη είναι αληθής
  • do/while - Εκτελεί μια κλειστή μονάδα κώδικα μια φορά και στη συνέχεια επαναλαμβάνει τον κύκλο αν η συνθήκη είναι αληθής

Σημείωση:Χρησιμοποιήστε τη διαταγή break για να βγείτε από τον κύκλο, χρησιμοποιήστε τη διαταγή continue για να überspringen μια τιμή στον κύκλο.

Παράδειγμα

Εκτελέστε τον κώδικα κλειστού κύκλου πέντε φορές:

var text = "";
var i;
για (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Περισσότερες TIY παραδείγματα στο κάτω μέρος της σελίδας.

Γραμματική

for (statement 1; statement 2; statement 3) {
  κώδικας κλειστού κύκλου που θα εκτελεστεί
}

Τιμές των παραμέτρων

Παράμετροι Περιγραφή
statement1

Επιλογή. Εκτελείται πριν από την έναρξη του κύκλου (κλειστού κύκλου). Γενικά χρησιμοποιείται για την αρχικοποίηση της μεταβλητής μετρητή. Για την αρχικοποίηση πολλαπλών τιμών, διαχωρίστε τις τιμές με κόμματα.

Σχόλια:Ο παράμετρος μπορεί να παραλειφθεί. Αλλά, μη παραλείψετε το σemicolό (;)
statement2

Επιλογή. Ορίζει τη συνθήκη εκτέλεσης του κύκλου (κλειστού κύκλου). Γενικά χρησιμοποιείται για την αξιολόγηση της συνθήκης του μεταβλητού μετρητή. Αν επιστρέφει true, ο κύκλος θα ξεκινήσει ξανά, αν επιστρέφει false, ο κύκλος θα τελειώσει.

Σχόλια:Ο παράμετρος μπορεί να παραλειφθεί. Αλλά, μη παραλείψετε το σemicolό (;). Επιπλέον, αν παραλείψετε αυτόν τον παράμετρο, πρέπει να παρέχετε break μέσα στον κύκλο. Διαφορετικά, ο κύκλος δεν θα τελειώσει ποτέ, κάτι που θα κάνει τον περιηγητή σας να πέσει.
statement3

Επιλογή. Εκτελείται μετά την εκτέλεση του κύκλου (κώδικα κλειστού κύκλου). Γενικά χρησιμοποιείται για την αύξηση ή τη μείωση της μεταβλητής μετρητή.

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

Τεχνικά λεπτομέρειες

Εκδοχή του JavaScript: ECMAScript 1

Περισσότερες παραδείγματα

Παράδειγμα

Ο κύκλος περιηγείται στους δείκτες του πίνακα, συλλέγοντας τα ονόματα των αυτοκινήτων από τον πίνακα cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα ερμηνείας:

  • Πρώτα, ρυθμίζουμε μια μεταβλητή πριν από την έναρξη του κύκλου (var i = 0;)
  • Στη συνέχεια, ορίσαμε την συνθήκη εκτέλεσης του κύκλου. Από τη στιγμή που η μεταβλητή είναι μικρότερη από το μήκος του πίνακα (δηλαδή 4), ο κύκλος θα συνεχιστεί
  • Κάθε φορά που εκτελείται ο κύκλος, η μεταβλητή αυξάνεται κατά ένα (i++)
  • Μόλις η μεταβλητή δεν είναι μικρότερη από 4 (το μήκος του πίνακα), η συνθήκη είναι ψευδής, ο κύκλος τελειώνει

Παράδειγμα

Ενεργοποιήστε πολλαπλές τιμές στον πρώτο παράμετρο:

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

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Αφαιρέστε τον πρώτο παράμετρο (υπολογισμός τιμής πριν από την έναρξη του κύκλου):

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

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Χρήση της διατάξεως continue - Αφιερώστε το κείμενο του κύκλου, αλλά πήδηξε την τιμή "3":

var text = ""
var i;
για (i = 0; i < 5; i++) {
  αν (i == 3) {
    continue;
  }
  text += "The number is " + i + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Χρήση διαταγής break - Εκτέλεση κώδικα κύκλου, αλλά αποχώρηση από τον κύκλο όταν η μεταβλητή i ισούται με "3":

var text = ""
var i;
για (i = 0; i < 5; i++) {
  αν (i == 3) {
    break;
  }
  text += "The number is " + i + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Παράλειψη Δεύτερου Παράμετρου. Σε αυτό το παράδειγμα, χρησιμοποιούμε επίσης τη διαταγή break για να αποχωρήσουμε από τον κύκλο όταν i ισούται με "3" (Αν παραλείψετε τον δεύτερο παράμέτρο, πρέπει να παρέχετε μια διαταγή break εντός του κύκλου. Διαφορετικά, ο κύκλος δεν θα τελειώσει ποτέ και ο browser σας θα αποτύχει):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
για (i = 0; ; i++) {
  αν (i == 3) {
    break;
  }
  text += cars[i] + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Παράδειγμα Κύκλου Αποτελεσματικής Αύξησης (Αντικαταστάτης Αύξησης):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
για (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Παράλειψη Τελευταίου Παράμετρου και Αύξηση Αριθμού Εντός Κύκλου:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
για (; i < len;) { 
  text += cars[i] + "<br>";
  i++;
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Παράδειγμα Εξομάδοσης Κύκλου NodeList Συστατικών και Αλλαγής Χρώματος Περιβάλλοντος Όλων των <p> Στοιχείων της Λίστας:

var myNodelist = document.getElementsByTagName("P");
var i;
για (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";
}

Δοκιμάστε Εξ ολοκλήρου

Παράδειγμα

Παράδειγμα Εσωτερικού Κύκλου (Κύκλος εντός Κύκλου):

var text = "";
var i, j;
για (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  για (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

Δοκιμάστε Εξ ολοκλήρου

Υποστήριξη Βrowser

Συμβούλια Chrome IE Firefox Safari Opera
για Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σελίδες Σχετικές

JavaScript Εκμάθηση:Κύκλος For JavaScript

Παρακαλώ, βρείτε το Εγχειρίδιο JavaScript:Σύνταξη for ... in JavaScript

Παρακαλώ, βρείτε το Εγχειρίδιο JavaScript:Σύνταξη break JavaScript

Παρακαλώ, βρείτε το Εγχειρίδιο JavaScript:Σύνταξη continue JavaScript

Παρακαλώ, βρείτε το Εγχειρίδιο JavaScript:Σύνταξη while JavaScript