Ανάγνωση while στο JavaScript

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

Η ανάγνωση while δημιουργεί έναν κύκλο που εκτελείται όταν η προϋπόθεση είναι αληθής

Ο κύκλος θα συνεχίζει να εκτελείται όσο η προϋπόθεση είναι αληθής. Θα σταματήσει μόνο όταν η προϋπόθεση γίνει ψευδής.

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

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

Συμβουλή:Χρησιμοποιήστε τη διαταγή break για να βγείτε από τον κύκλο, και τη διαταγή continue για να αποφύγετε κάποια τιμή στον κύκλο.

Παράδειγμα

Ο κύκλος εκτελείται όσο η μεταβλητή (i) είναι μικρότερη από 5:

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

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

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

Γραμματική

while (condition) {
  κώδικας κουτί που θα εκτελεστεί
}

Τιμή παράμετρου

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

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

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

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

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

Έκδοση JavaScript: ECMAScript 1

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

Παράδειγμα

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

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

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

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

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

Παράδειγμα

Κύκλος προς τα εμπρός του δείκτη του πίνακα:

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

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

Παράδειγμα

Χρήση της διαταγής break - Έξοδος από τον κύκλο όταν η μεταβλητή i είναι ίση με "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>Ο αριθμός είναι " + i;
  i++;
  if (i == 3) {
    break;
  }
}

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

Παράδειγμα

Χρήση της διαταγής continue - Κύκλος που αποφεύγει την τιμή "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>Ο αριθμός είναι " + i;
}

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

Υποστήριξη浏览器

Σταθμός Chrome IE Firefox Safari Opera
while Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σελίδες συναφείς

Εκμάθηση JavaScript:JavaScript Λοξή Λουρίδα

Εγχειρίδιο JavaScript:JavaScript εντολή do ... while

Εγχειρίδιο JavaScript:JavaScript εντολή for

Εγχειρίδιο JavaScript:JavaScript εντολή break

Εγχειρίδιο JavaScript:JavaScript εντολή continue